/**
 * HSR Dental Booth — Design tokens
 * Source of truth: docs/DESIGN.md
 */
:root {
  --color-primary: #0B1F33;
  --color-accent: #0D7C8C;
  --color-accent-hover: #0A6673;
  --color-accent-light: #E8F4F6;
  --color-surface: #FFFFFF;
  --color-surface-muted: #F7F5F2;
  --color-body: #4A5568;
  --color-muted: #94A3B8;
  --color-border: #E2E8F0;
  --color-success: #059669;
  --color-warning: #D97706;
  --color-error: #DC2626;

  --font-display: "DM Serif Display", 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;

  /* Legacy aliases (Tailwind dental.* maps here) */
  --dental-dark: var(--color-primary);
  --dental-accent: var(--color-accent);
  --dental-sky: #14A3B8;
  --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);
}

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

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