/* ============================================================================
   GRAPHITE — the style sheet, Insights edition.  (DECIDED 2026-07-08; CoS built
   2026-07-09; ported to Insights 2026-07-09.)
   Authority: _craft/design-system/reference-design-taste-profile.md
   Values doc: _craft/design-system/reference-style-graphite.md
   Reference build: projects/chief-of-staff/cockpit/graphite.css (dark-only).

   A "style" supplies token VALUES + a few recipe overrides; it never changes
   component structure. Graphite skins the Editorial Blue App Kit into a calm
   monochrome instrument. It loads AFTER ./kit/app-kit.css and BEFORE
   ./insights.css, so its token overrides win over the kit's defaults, while the
   Insights-specific components (.ins-*, .kicker, .badge, .cred, the stat tiles)
   are skinned in insights.css, which loads last.

   TWO DIFFERENCES from the CoS sheet:
     • Insights keeps its light/dark THEME TOGGLE, so this file carries BOTH a
       dark :root ramp AND a monochrome-graphite [data-theme="light"] ramp.
       (CoS is dark-only.) The palette lives here — Insights' own :root/light
       palette was removed from insights.css so this file is the one authority.
     • The ONE accent is Insights' OWN icon color — violet-slate (#9184ff, the
       rising-bars mark), not the CoS compass blue. Used only for identity + the
       one thing that needs the eye. Tuned darker in light mode (#5b4bd6) so it
       clears contrast on white.

   SCOPE: ships only in the Insights (business) bucket — the shared kit stays
   Editorial Blue, so the family apps (Home Life, PawPaw) keep their green
   identity. Reversible: drop the one <link> and Editorial Blue returns.

   THE FIVE MOVES (taste profile, Tier 1):
     1. Monochrome-first — achromatic canvas, white/gray ink.
     2. Color = attention, never classification — one accent (the app's icon
        color), used only for identity + the one thing that needs the eye. No
        yellow/red/green status colors: the verified/sample split is read by
        LABEL + shape, never a hue.
     3. Subtle tonal depth — lit-from-above surfaces + a soft resting shadow +
        a hairline top highlight. Never flat, never decorated.
     4. Bigger type — generous headline + readable body.
     5. One rounded-rectangle family — pills retired for controls.
   ============================================================================ */

/* ---------------------------------------------------------------------------
   1. DARK — the default. A neutral graphite ramp (whisper-cool, NOT blue-navy).
      Each surface step lighter = physically higher (lit from above).
   --------------------------------------------------------------------------- */
:root {
  color-scheme: dark;

  --kit-bg:        #0c0d10;   /* near-black canvas */
  --kit-nav:       #0f1013;
  --kit-surface:   #16181c;   /* base card/panel */
  --kit-surface-2: #1c1f24;   /* raised */
  --kit-surface-3: #24272e;   /* highest */
  --kit-field:     #101114;   /* inset field */

  /* Ink — neutral white → gray, no color cast */
  --kit-ink:       #eceef2;
  --kit-soft:      #b4b9c3;
  --kit-muted:     #8d93a0;
  --kit-meta:      #6f7581;
  --kit-on-accent: #0b0d11;

  /* Lines — neutral hairlines; `edge` brightens raised edges */
  --kit-line:        #262930;
  --kit-line-strong: #363a43;
  --kit-edge:        #414652;

  /* Accent — Insights' OWN icon color (#9184ff, the rising-bars mark). The one
     spot of chroma on a monochrome surface: identity (the mark lockup) +
     attention (the one thing that needs you). accent-2 is the icon's deep stop,
     used for the identity tile only; --ins-attn2 (#d7ccff, the mark's tint peak)
     is the second attention tier. */
  --kit-accent:       #9184ff;
  --kit-accent-hover: #a99dff;
  --kit-accent-2:     #3d2b8a;
  --kit-accent-soft:  rgba(145, 132, 255, .13);
  --kit-accent-line:  rgba(145, 132, 255, .34);
  --ins-attn2:        #d7ccff;

  /* Status tokens — DECOLORIZED. Color never classifies (the keystone rule), so
     warn/ok/danger are neutral: any component still referencing them renders
     monochrome instead of amber/green/red. */
  --kit-warn:    #b4b9c3;
  --kit-ok:      #b4b9c3;
  --kit-ok-soft: #1c1f24;
  --kit-danger:  #c9c1bf;

  /* State token roles — honesty over liveliness. A stale surface RECEDES. */
  --kit-stale:   #8d93a0;
  --kit-dormant: #6f7581;
  --kit-silent:  #55606f;

  /* Insights-private tokens — decolorized. The old --ins-green classified
     "verified" as good (a green code); it now resolves to neutral soft ink so
     the verified/sample split is carried by label + shape, not hue. */
  --ins-panel-2:   #16181c;
  --ins-chip:      #1c1f24;
  --ins-green:     #b4b9c3;   /* was #4ade80 — neutral soft ink */
  --ins-green-soft:#1c1f24;   /* was a green wash — neutral raised surface */

  /* Shape — one rounded-rectangle family; pills retired. */
  --kit-radius:    10px;
  --kit-radius-sm: 7px;
  --kit-radius-lg: 14px;
  --kit-pill:      8px;

  /* Elevation — resting depth from light, kept subtle (Warp-clean). A contact
     shadow + an ambient shadow + a top hairline highlight; the card sheen is a
     token so light mode can drop it (white-on-white reads nothing). */
  --kit-highlight:    rgba(255, 255, 255, .05);
  --kit-shadow-panel: 0 1px 2px rgba(0, 0, 0, .40);
  --kit-shadow-raise: 0 10px 26px -12px rgba(0, 0, 0, .60);
  --kit-shadow:       0 14px 40px -14px rgba(0, 0, 0, .62);
  --kit-shadow-soft:  0 6px 18px -8px rgba(0, 0, 0, .48);
  --ins-shadow:       0 14px 40px -14px rgba(0, 0, 0, .62);
  --kit-card-sheen:   linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, 0) 44%);

  /* Reserved serif register — deepest long-read only, never everyday chrome. */
  --kit-font-editorial: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
}

/* ---------------------------------------------------------------------------
   2. LIGHT — monochrome-graphite paper. Neutral cool-gray canvas; white surfaces
      rise off it (depth from a white plane + a soft shadow, since the dark
      lit-from-above gradient is invisible on white). The accent darkens to clear
      contrast on white.
   --------------------------------------------------------------------------- */
[data-theme="light"] {
  color-scheme: light;

  --kit-bg:        #eceef1;   /* soft neutral paper — not pure white, so cards lift */
  --kit-nav:       #e6e8ec;
  --kit-surface:   #ffffff;   /* white card rises above the gray canvas */
  --kit-surface-2: #f6f7f9;
  --kit-surface-3: #eef0f3;
  --kit-field:     #f2f3f6;

  --kit-ink:       #1a1c20;   /* near-black neutral */
  --kit-soft:      #4c525c;
  --kit-muted:     #6b7280;
  --kit-meta:      #828892;
  --kit-on-accent: #ffffff;

  --kit-line:        #e2e5ea;
  --kit-line-strong: #d2d6dd;
  --kit-edge:        #e6e9ee;

  --kit-accent:       #5b4bd6;   /* violet tuned for white — clears text contrast */
  --kit-accent-hover: #4a39c4;
  --kit-accent-2:     #3d2b8a;
  --kit-accent-soft:  rgba(91, 75, 214, .09);
  --kit-accent-line:  rgba(91, 75, 214, .28);
  --ins-attn2:        #6d5ef0;   /* second attention tier — deeper than accent on white */

  --kit-warn:    #4c525c;
  --kit-ok:      #4c525c;
  --kit-ok-soft: #f2f3f6;
  --kit-danger:  #5a5560;

  --kit-stale:   #6b7280;
  --kit-dormant: #828892;
  --kit-silent:  #9aa0aa;

  --ins-panel-2:   #f6f7f9;
  --ins-chip:      #eef0f3;
  --ins-green:     #4c525c;
  --ins-green-soft:#f2f3f6;

  --kit-highlight:    rgba(255, 255, 255, .9);
  --kit-shadow-panel: 0 1px 2px rgba(23, 25, 35, .05);
  --kit-shadow-raise: 0 12px 28px -16px rgba(23, 25, 35, .16);
  --kit-shadow:       0 16px 42px -18px rgba(23, 25, 35, .22);
  --kit-shadow-soft:  0 8px 20px -12px rgba(23, 25, 35, .14);
  --ins-shadow:       0 16px 42px -18px rgba(23, 25, 35, .22);
  --kit-card-sheen:   none;
}