:root {
  /* Minimal Theme - Clean & Simple */
  --color-primary: 0 0 0; /* Black */
  --color-secondary: 55 65 81; /* Gray 700 */
  --color-accent: 107 114 128; /* Gray 500 */
  --color-bg: 255 255 255; /* White */
  --color-surface: 249 250 251; /* Gray 50 */
  --color-card: 255 255 255; /* White */
  --color-text: 17 24 39; /* Gray 900 */
  --color-text-muted: 107 114 128; /* Gray 500 */
  --color-border: 229 231 235; /* Gray 200 */
  --color-hero-bg: linear-gradient(135deg, rgb(0 0 0) 0%, rgb(55 65 81) 100%);
}

body {
  background-color: rgb(var(--color-bg));
  color: rgb(var(--color-text));
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.btn-primary {
  background: rgb(var(--color-primary));
  color: white;
  border-radius: 0.25rem;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  transition: all 0.2s;
  border: 1px solid rgb(var(--color-primary));
}

.btn-primary:hover {
  background: rgb(var(--color-secondary));
  border-color: rgb(var(--color-secondary));
}

.minimal-card {
  background: rgb(var(--color-card));
  border: 1px solid rgb(var(--color-border));
  border-radius: 0.5rem;
  transition: border-color 0.2s;
}

.minimal-card:hover {
  border-color: rgb(var(--color-primary));
}