/* ============================================================================
 * Kuickr v2 design tokens — Winter
 * ----------------------------------------------------------------------------
 * Registry member: kuickr-v2. This is the current Kuickr-owned chrome system.
 * Keep the semantic `--kk-*` vocabulary stable so product surfaces can move
 * from Kuickr v1 without renaming their roles.
 *
 * Winter is light by default. Dark mode is the explicit Blue-charcoal
 * `data-theme="dark"` variant. A scoped authored surface may opt in with
 * `data-design-system="kuickr-v2"`; explicitly selected Page body systems
 * remain isolated from this Kuickr chrome contract.
 * ========================================================================== */

:root,
[data-design-system="kuickr-v2"] {
  /* Type families */
  --kk-font-display: "Libre Baskerville", Georgia, serif;
  --kk-font-ui:      "Space Grotesk", system-ui, sans-serif;
  --kk-font-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* Surfaces (back → front) */
  --kk-bg:        #ffffff;
  --kk-wash:      #eef2f5;
  --kk-paper:     #f8fafb;
  --kk-card:      #ffffff;
  --kk-fill:      #eef2f5;
  --kk-fill-soft: #f4f7f9;
  --kk-line:      #e6ecef;
  --kk-border:    #dbe3e8;

  /* Text */
  --kk-ink:        #12181f;
  --kk-text:       #25303a;
  --kk-text-soft:  #3a434c;
  --kk-muted:      #7c8791;
  --kk-muted-soft: #8f98a1;
  --kk-faint:      #a9b2ba;

  /* Brand — ink primary, ice orientation and focus */
  --kk-primary:         #12181f;
  --kk-on-primary:      #eef2f5;
  --kk-secondary:       #2f7fb0;
  --kk-secondary-hover: #3f8dc9;
  --kk-secondary-soft:  #dcedf5;
  --kk-on-secondary:    #ffffff;
  --kk-orientation:       var(--kk-secondary);
  --kk-orientation-hover: var(--kk-secondary-hover);

  /* Accent-as-text / on-accent — contrast-safe semantic roles (spec 35.3).
   * --kk-secondary above is an INDICATOR/orientation color (~4.4:1 ice on white —
   * do NOT use it for body text, eyebrows, key columns, or filled-button labels).
   * These roles give authors a name that can't fail contrast, AA-checked per theme.
   * Target ≥ 4.5:1 (normal text); verify with a checker before treating as final. */
  --kk-accent-text: #1c608e;  /* accent used AS TEXT on a light surface (~5.8:1 on white/card) */
  --kk-accent-fill: #23678f;  /* accent as a FILLED background, distinct from the indicator */
  --kk-on-accent:   #ffffff;  /* text sitting ON --kk-accent-fill (~5.5:1) */

  /* Semantic node / card types — reserve these hues for meaning */
  --kk-decision: #4b7bd7;
  --kk-blocker:  #d74b4b;
  --kk-question: #8b5cf6;
  --kk-idea:     #e8a53b;
  --kk-outcome:  #1f7a68;
  --kk-parked:   #66717b;

  /* Visibility */
  --kk-private: #66717b;
  --kk-link:    #2f7fb0;
  --kk-public:  #1f7a68;

  /* Radii */
  --kk-r-xs:   4px;
  --kk-r-sm:   7px;
  --kk-r-md:   10px;
  --kk-r-lg:   14px;
  --kk-r-xl:   20px;
  --kk-r-pill: 999px;

  /* Spacing scale */
  --kk-s-1: 4px;
  --kk-s-2: 8px;
  --kk-s-3: 12px;
  --kk-s-4: 16px;
  --kk-s-5: 24px;
  --kk-s-6: 32px;
  --kk-s-7: 48px;
  --kk-s-8: 72px;

  /* Reading measure */
  --kk-read: 720px;

  /* Elevation */
  --kk-shadow-sm: 0 1px 2px rgba(18, 24, 31, .07);
  --kk-shadow-md: 0 6px 20px rgba(18, 24, 31, .09);
  --kk-shadow-lg: 0 24px 60px rgba(18, 24, 31, .16);

  /* Motion */
  --kk-t-fast:      120ms;
  --kk-t-base:      200ms;
  --kk-t-slow:      320ms;
  --kk-ease-out:    cubic-bezier(.4, 0, .2, 1);
  --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

[data-theme="dark"],
[data-design-system="kuickr-v2"][data-theme="dark"] {
  --kk-bg:        #121b24;
  --kk-wash:      #16212b;
  --kk-paper:     #18242e;
  --kk-card:      #1d2a35;
  --kk-fill:      #243441;
  --kk-fill-soft: #202f3b;
  --kk-line:      #2a3b49;
  --kk-border:    #314252;

  --kk-ink:        #eef2f5;
  --kk-text:       #eef2f5;
  --kk-text-soft:  #c3c9cf;
  --kk-muted:      #8f98a1;
  --kk-muted-soft: #74808a;
  --kk-faint:      #65717b;

  --kk-primary:         #eef2f5;
  --kk-on-primary:      #121b24;
  --kk-secondary:       #5aafe2;
  --kk-secondary-hover: #79c2eb;
  --kk-secondary-soft:  #203b4c;
  --kk-on-secondary:    #121b24;

  /* Accent-as-text / on-accent (dark) — bright ice reads on charcoal (spec 35.3) */
  --kk-accent-text: #5aafe2;  /* accent as text on a dark surface (~6.7:1 on card) */
  --kk-accent-fill: #5aafe2;  /* bright ice fill */
  --kk-on-accent:   #12181f;  /* ink on the bright fill (~8:1) */

  --kk-outcome: #5fd6c4;
  --kk-private: #c3c9cf;
  --kk-public:  #5fd6c4;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]),
  [data-design-system="kuickr-v2"]:not([data-theme="light"]) {
    --kk-bg:        #121b24;
    --kk-wash:      #16212b;
    --kk-paper:     #18242e;
    --kk-card:      #1d2a35;
    --kk-fill:      #243441;
    --kk-fill-soft: #202f3b;
    --kk-line:      #2a3b49;
    --kk-border:    #314252;

    --kk-ink:        #eef2f5;
    --kk-text:       #eef2f5;
    --kk-text-soft:  #c3c9cf;
    --kk-muted:      #8f98a1;
    --kk-muted-soft: #74808a;
    --kk-faint:      #65717b;

    --kk-primary:         #eef2f5;
    --kk-on-primary:      #121b24;
    --kk-secondary:       #5aafe2;
    --kk-secondary-hover: #79c2eb;
    --kk-secondary-soft:  #203b4c;
    --kk-on-secondary:    #121b24;

    /* Accent-as-text / on-accent (dark) — bright ice reads on charcoal (spec 35.3) */
    --kk-accent-text: #5aafe2;  /* accent as text on a dark surface (~6.7:1 on card) */
    --kk-accent-fill: #5aafe2;  /* bright ice fill */
    --kk-on-accent:   #12181f;  /* ink on the bright fill (~8:1) */

    --kk-outcome: #5fd6c4;
    --kk-private: #c3c9cf;
    --kk-public:  #5fd6c4;
  }
}