/**
 * Alchemy Clinic — Design tokens
 * Source of truth: docs/DESIGN.md
 */
:root {
  --color-primary: #1A1A1A;
  --color-accent: #C5A059;
  --color-accent-hover: #A8893F;
  --color-accent-text: #8B6914;
  --color-accent-light: #F5F0E6;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F7F5F2;
  --color-body: #4A4A4A;
  --color-muted: #8A8A8A;
  --color-border: #E5E0D8;
  --color-success: #059669;
  --color-warning: #D97706;
  --color-error: #DC2626;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Source Sans 3", system-ui, sans-serif;

  --radius-card: 12px;
  --radius-btn: 10px;
  --max-width: 1280px;
  --section-py: 4rem;
  --section-py-lg: 6rem;
  --stagger-step: 130ms;

  /* Tailwind clinic.* / legacy dental.* aliases */
  --color-dental-accent: var(--color-accent);
  --dental-dark: var(--color-primary);
  --dental-accent: var(--color-accent);
  --dental-sky: #B8944F;
  --dental-light: var(--color-accent-light);
  --dental-body: var(--color-body);
  --dental-muted: var(--color-muted);
  --dental-success: var(--color-success);
  --dental-warning: var(--color-warning);
  --dental-error: var(--color-error);
  --clinic-dark: var(--color-primary);
  --clinic-accent: var(--color-accent);
  --clinic-light: var(--color-accent-light);
  --clinic-body: var(--color-body);
}

.font-display {
  font-family: var(--font-display);
}

.font-body {
  font-family: var(--font-body);
}