/*
 * Itay Cohen Clinic Design System — deployable token subset.
 * Canonical source:
 * prototype/_ds/itay-cohen-clinic-design-system-98a021b3-713b-4b65-935b-e2201f23438e/tokens/
 *
 * Keep literal brand values here. Page styles consume semantic tokens or aliases.
 */

:root {
  color-scheme: light;

  /* Warm ink / stone */
  --stone-900: #1e1b18;
  --stone-800: #2b2723;
  --stone-700: #3d3833;
  --stone-600: #57504a;
  --stone-500: #7a716a;
  --stone-400: #9c938b;
  --stone-300: #c2bab2;
  --stone-200: #ddd7d1;
  --stone-100: #eeeae6;
  --stone-50: #f7f5f2;
  --cream: #fff4e6;
  --paper: var(--cream);
  --white: #ffffff;

  /* Electric mint — primary brand */
  --mint-700: #007a3d;
  --mint-600: #00e875;
  --mint-500: #22ec8a;
  --mint-400: #4bee9c;
  --mint-300: #86f3ba;
  --mint-200: #b6f9d5;
  --mint-100: #dffcec;
  --mint-50: #effef6;

  /* Semantic status */
  --success-600: #007a3d;
  --success-700: #005c2e;
  --success-soft: var(--mint-50);
  --warning-600: #e84300;
  --warning-700: #b03400;
  --warning-soft: #fdeadf;
  --danger-600: #e80032;
  --danger-700: #b80028;
  --danger-soft: #fde2e7;
  --info-600: var(--stone-600);
  --info-700: var(--stone-700);
  --info-soft: var(--stone-100);
  --info-border: var(--stone-300);
  --success-border: var(--mint-200);
  --warning-border: #f8c8ac;
  --danger-border: #f8b9c4;

  /* Semantic color roles */
  --color-bg: var(--cream);
  --color-surface: var(--white);
  --color-surface-sunken: var(--stone-50);
  --color-surface-muted: var(--stone-100);
  --color-surface-brand: var(--stone-100);
  --color-surface-accent: var(--mint-100);
  --color-surface-inverse: var(--stone-900);
  --text-primary: var(--stone-800);
  --text-secondary: var(--stone-600);
  --text-muted: var(--stone-600);
  --text-subtle: var(--stone-500);
  --text-on-brand: var(--white);
  --text-on-accent: var(--stone-900);
  --text-brand: var(--stone-800);
  --text-accent: var(--mint-700);
  --text-brand-vivid: var(--mint-600);
  --color-primary: var(--stone-800);
  --color-primary-hover: var(--stone-900);
  --color-primary-active: #141210;
  --color-cta: var(--mint-600);
  --color-cta-hover: #0bd66d;
  --color-cta-active: #00c261;
  --text-on-cta: var(--stone-900);
  --color-accent: var(--mint-600);
  --color-accent-hover: #0bd66d;
  --border-subtle: var(--stone-200);
  --border-default: var(--stone-300);
  --border-strong: var(--stone-400);
  --border-brand: var(--stone-300);

  /* Signature growth system */
  --color-growth-live: var(--color-cta);
  --color-growth-structure: var(--text-primary);
  --color-growth-passive: var(--text-secondary);
  --color-growth-leaf-primary: var(--mint-300);
  --color-growth-leaf-secondary: var(--mint-200);
  --color-growth-leaf-highlight: var(--mint-100);
  --color-growth-track: var(--border-subtle);
  --color-growth-surface: var(--color-bg);
  --color-growth-surface-inverse: var(--color-surface-inverse);

  /* Typography */
  --font-sans: "Assistant", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: var(--font-sans);
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
  --weight-black: 800;
  --leading-display: 1.06;
  --leading-tight: 1.14;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.72;
  --tracking-display: -0.02em;

  /* Spacing and layout */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --container-max: 1200px;
  --container-text: 680px;

  /* Crisp, flat radii */
  --radius-xs: 3px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --radius-pill: 999px;
  --radius-control: var(--radius-md);
  --radius-card: var(--radius-lg);
  --radius-modal: var(--radius-xl);

  /* Flat-system focus */
  --shadow-focus: 0 0 0 3px #009149;

  /* Motion */
  --dur-instant: 80ms;
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 340ms;
  --dur-reveal: 750ms;
  --dur-reveal-slow: 1100ms;
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-expressive: cubic-bezier(0.22, 1, 0.36, 1);
  --reveal-distance: 44px;
  --stagger-step: 90ms;
}