/* shvedovpro.com — single source of truth for design tokens.
   Source: DESIGN.md v1.1 (2026-05-18, after impeccable critique + consensus). */

:root {
  /* Neutrals (chroma 0.005-0.012, hue 200) */
  --surface:         oklch(99% 0.003 200);
  --surface-2:       oklch(97% 0.005 200);
  --surface-3:       oklch(94% 0.008 200);
  --border:          oklch(90% 0.008 200);
  --border-strong:   oklch(80% 0.010 200);
  --text-subtle:     oklch(56% 0.012 200);
  --text-muted:      oklch(42% 0.012 200);
  --text:            oklch(28% 0.015 200);
  --text-strong:    oklch(20% 0.018 200);

  /* Brand teal — hue 200 */
  --brand:           oklch(58% 0.12 200);   /* identity: logo SVG, primary button fill, decor */
  --brand-hover:     oklch(48% 0.14 200);
  --brand-soft:      oklch(94% 0.030 200);
  --brand-strong:    oklch(38% 0.13 200);
  --brand-text-on:   oklch(99% 0.003 200);  /* foreground on brand-fill (текст в primary кнопке) */
  --brand-text:      oklch(52% 0.13 200);   /* WCAG AA accent: links, text emphasis, em — 4.5:1 на белом */

  /* Multi-accent (PSYCH-7 + dashboard) */
  --accent-coral:    oklch(64% 0.180 25);
  --accent-violet:   oklch(58% 0.180 285);
  --accent-amber:    oklch(72% 0.150 75);
  --accent-mint:     oklch(72% 0.110 155);
  --accent-sky:      oklch(70% 0.110 230);
  --accent-rose:     oklch(70% 0.140 5);

  /* Status */
  --success:         oklch(64% 0.150 152);
  --warning:         oklch(75% 0.170 80);
  --destructive:     oklch(60% 0.200 22);

  /* Therapy warmth (optional, /therapy only) */
  --therapy-warm:        oklch(72% 0.080 60);
  --therapy-warm-soft:   oklch(96% 0.020 60);

  /* Spacing (8-point grid) */
  --space-0:    0;
  --space-1:    0.5rem;
  --space-2:    1rem;
  --space-3:    1.5rem;
  --space-4:    2rem;
  --space-5:    3rem;
  --space-6:    4rem;
  --space-7:    6rem;
  --space-8:    8rem;

  /* Radius */
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    20px;
  --radius-xl:    28px;
  --radius-2xl:   36px;
  --radius-pill:  9999px;

  /* Motion */
  --ease-out-quart:  cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-quint:  cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-expo:   cubic-bezier(0.16, 1, 0.3, 1);

  --duration-quick:   150ms;
  --duration-normal:  250ms;
  --duration-slow:    400ms;
  --duration-deep:    600ms;

  /* Containers */
  --container-narrow:   720px;
  --container-default:  960px;
  --container-wide:     1200px;
}