/* tokens.css — Smile Oasis · Clint Bruyere, DDS (G19: единственный источник hex — этот файл, зеркало DESIGN.md/ART.md §2) */
:root {
  --color-navy-900: #03173D;
  --color-logo-navy: #090F61;
  --color-accent: #5993F9;
  --color-link: #1B315E;
  --color-slate: #475569;
  --color-slate-mid: #64748B;
  --color-slate-soft: #94A3B8;
  --color-mist: #DBEAFE;
  --color-ice: #EFF6FF;
  --color-logo-bg: #EEF5FE;
  --color-surface: #FFFFFF;
  --color-bg-soft: #F8FAFC;
  --color-border: #E2E8F0;

  /* производные — только color-mix от токенов выше, новых hex нет */
  --navy-86: color-mix(in srgb, var(--color-navy-900) 86%, transparent);
  --navy-72: color-mix(in srgb, var(--color-navy-900) 72%, transparent);
  --navy-55: color-mix(in srgb, var(--color-navy-900) 55%, transparent);
  --navy-38: color-mix(in srgb, var(--color-navy-900) 38%, transparent);
  --surface-92: color-mix(in srgb, var(--color-surface) 92%, transparent);
  --mist-60: color-mix(in srgb, var(--color-mist) 60%, transparent);
  --shadow-soft: color-mix(in srgb, var(--color-navy-900) 18%, transparent);
  --shadow-card: color-mix(in srgb, var(--color-navy-900) 10%, transparent);

  --font-display: "Playfair Display", Georgia, serif;
  --font-accent: "Playfair Display", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-ui: "Inter", system-ui, -apple-system, sans-serif;

  --r: 14px;
  --r-lg: 22px;
  --wrap: min(1180px, 92vw);
}