/* KKmatch Quiet Human Intelligence — canonical token source v1.0.0 */
:root {
  color-scheme: light;
  --kk-color-ink: #18201d;
  --kk-color-ink-muted: #56615c;
  --kk-color-ink-subtle: #77817c;
  --kk-color-canvas: #f7f5ef;
  --kk-color-surface: #fffdf8;
  --kk-color-surface-raised: #ffffff;
  --kk-color-surface-soft: #efede6;
  --kk-color-border: #dcd8ce;
  --kk-color-border-strong: #bbb6aa;
  --kk-color-accent: #315f51;
  --kk-color-accent-hover: #254b40;
  --kk-color-accent-soft: #dce9e3;
  --kk-color-intelligence: #6758c8;
  --kk-color-intelligence-soft: #ebe8fb;
  --kk-color-signal: #287f8f;
  --kk-color-warm: #b96f45;
  --kk-color-night: #111816;
  --kk-color-focus: #216cdd;
  --kk-color-success: #2c765b;
  --kk-color-warning: #9a6819;
  --kk-color-error: #a3423c;
  --kk-color-info: #376d91;
  --kk-evidence-early: #786b92;
  --kk-evidence-developing: #9a6819;
  --kk-evidence-supported: #376d91;
  --kk-evidence-strong: #2c765b;

  --kk-space-1: .25rem;
  --kk-space-2: .5rem;
  --kk-space-3: .75rem;
  --kk-space-4: 1rem;
  --kk-space-5: 1.5rem;
  --kk-space-6: 2rem;
  --kk-space-7: 3rem;
  --kk-space-8: 4.5rem;

  --kk-radius-sm: .5rem;
  --kk-radius-md: .875rem;
  --kk-radius-lg: 1.25rem;
  --kk-radius-pill: 999px;
  --kk-shadow-sm: 0 1px 2px rgb(24 32 29 / .08);
  --kk-shadow-md: 0 10px 30px rgb(24 32 29 / .09);
  --kk-shadow-modal: 0 24px 70px rgb(24 32 29 / .18);
  --kk-shadow-intelligence: 0 18px 55px rgb(63 78 121 / .12);
  --kk-gradient-intelligence: linear-gradient(135deg, rgb(49 95 81 / .12), rgb(103 88 200 / .10) 55%, rgb(40 127 143 / .08));

  --kk-font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --kk-font-display: Georgia, "Noto Serif SC", "Songti SC", serif;
  --kk-text-display: clamp(2.5rem, 6vw, 4.75rem);
  --kk-text-h1: clamp(2rem, 4vw, 3.25rem);
  --kk-text-h2: clamp(1.5rem, 3vw, 2.25rem);
  --kk-text-h3: 1.375rem;
  --kk-text-h4: 1.125rem;
  --kk-text-body-lg: 1.125rem;
  --kk-text-body: 1rem;
  --kk-text-body-sm: .875rem;
  --kk-text-label: .8125rem;
  --kk-text-caption: .75rem;
  --kk-leading-tight: 1.2;
  --kk-leading-body: 1.65;
  --kk-leading-reading: 1.78;

  --kk-container-reading: 44rem;
  --kk-container-content: 72rem;
  --kk-container-wide: 90rem;
  --kk-breakpoint-mobile: 40rem;
  --kk-breakpoint-tablet: 64rem;
  --kk-breakpoint-desktop: 80rem;
  --kk-z-header: 100;
  --kk-z-drawer: 300;
  --kk-z-modal: 500;
  --kk-z-toast: 700;
  --kk-motion-fast: 120ms;
  --kk-motion-standard: 220ms;
  --kk-motion-slow: 360ms;
  --kk-ease-standard: cubic-bezier(.2, .8, .2, 1);
  --kk-focus-ring: 0 0 0 3px rgb(33 108 221 / .28);
  --kk-disabled-opacity: .48;
}

@media (prefers-color-scheme: dark) {
  :root[data-kk-theme="auto"] {
    color-scheme: dark;
    --kk-color-ink: #edf2ef;
    --kk-color-ink-muted: #b2beb8;
    --kk-color-ink-subtle: #89968f;
    --kk-color-canvas: #111714;
    --kk-color-surface: #18201d;
    --kk-color-surface-raised: #1d2723;
    --kk-color-surface-soft: #25302b;
    --kk-color-border: #35423c;
    --kk-color-border-strong: #526059;
    --kk-color-accent: #91c5ad;
    --kk-color-accent-hover: #add8c4;
    --kk-color-accent-soft: #28483b;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --kk-motion-fast: 0ms; --kk-motion-standard: 0ms; --kk-motion-slow: 0ms; }
}