/* Summit Cognitive — design tokens (codified from the Design & Collateral Bundle canon)
   One system of proof, one visual language. Cabin + Space Mono · Ink / Verified Green / Paper
   · the summit mark · the Decision Receipt. Verified Green ONLY for verified/selected/allowed.
   Import first on every surface: <link rel="stylesheet" href="/design/tokens.css"> after fonts.css */

:root{
  /* ---- palette: Ink ---- */
  --ink:#0e1216;            /* page base */
  --ink-1:#12171d;         /* raised surface */
  --panel:#141b22;         /* card */
  --panel-2:#171f27;       /* card hover / nested */
  --border:#232c36;        /* hairline */
  --border-1:#2f3a46;      /* hover hairline */

  /* ---- palette: Verified Green (verified/selected/allowed ONLY) ---- */
  --green:#1E9E70;
  --green-soft:#7ee2a0;
  --green-bg:rgba(30,158,112,.10);
  --green-bd:rgba(126,226,160,.34);

  /* ---- palette: Paper (print / light artifacts) ---- */
  --paper:#F4F5F2;
  --paper-ink:#14181C;

  /* ---- text ---- */
  --text:#eef1f4;
  --text-1:#c7ced6;        /* body */
  --muted:#93a0ad;         /* secondary */
  --dim:#6b7784;           /* eyebrows, captions */

  /* ---- accent roles (never color without a text label) ---- */
  --amber:#d9a441;         /* special / large-format / caution */
  --amber-bd:rgba(217,164,65,.5);
  --red:#c8503c;           /* failed / broken chain */
  --tmpl:#5b6773;          /* template / neutral accent */

  /* ---- type ---- */
  --sans:'Cabin',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Space Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fs-eyebrow:12px;   --ls-eyebrow:.22em;
  --fs-caption:12.5px;
  --fs-body:16px;      --lh-body:1.6;
  --fs-lead:19px;
  --fs-h3:19px;
  --fs-h2:26px;
  --fs-h1:34px;
  --fs-display:clamp(40px,6.2vw,68px); --lh-display:1.02; --ls-display:-1.2px;

  /* ---- spacing (8px base) ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;
  --maxw:1120px;

  /* ---- radii ---- */
  --r-sm:8px; --r:14px; --r-lg:18px; --r-pill:999px;

  /* ---- motion (restrained; reduced-motion honored below) ---- */
  --dur:.22s; --dur-slow:.5s; --ease:cubic-bezier(.2,.6,.2,1);

  /* ---- elevation ---- */
  --shadow:0 1px 0 rgba(255,255,255,.02) inset, 0 8px 30px rgba(0,0,0,.28);
}

/* ---- primitives ---- */
.sc-eyebrow{font:700 var(--fs-eyebrow)/1 var(--mono);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--dim);display:inline-flex;align-items:center;gap:10px}
.sc-eyebrow .tick{width:9px;height:9px;border-radius:2px;background:var(--green)}
.sc-rule{height:1px;background:var(--border);border:0;margin:var(--s4) 0 var(--s5)}
.sc-display{font:700 var(--fs-display)/var(--lh-display) var(--sans);letter-spacing:var(--ls-display);color:var(--text)}
.sc-h2{font:700 var(--fs-h2)/1.15 var(--sans);letter-spacing:-.3px;color:var(--text)}
.sc-lead{font:400 var(--fs-lead)/1.5 var(--sans);color:var(--text-1)}
.sc-tag{font:700 10.5px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--dim);border:1px solid var(--border);border-radius:6px;padding:5px 8px}

/* Card with left-accent (the bundle's signature). Default accent = Verified Green. */
.sc-card{position:relative;background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--green);border-radius:var(--r);padding:var(--s5) var(--s5) var(--s5) calc(var(--s5) - 1px);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),background var(--dur) var(--ease)}
.sc-card:hover{border-color:var(--border-1);border-left-color:var(--green-soft);transform:translateY(-2px);background:var(--panel-2)}
.sc-card--amber{border-left-color:var(--amber)} .sc-card--amber:hover{border-left-color:var(--amber)}
.sc-card--tmpl{border-left-color:var(--tmpl)}   .sc-card--tmpl:hover{border-left-color:var(--tmpl)}
.sc-card--red{border-left-color:var(--red)}
.sc-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4)}
.sc-card h3{font:700 var(--fs-h3)/1.2 var(--sans);color:var(--text);margin:0 0 var(--s2)}
.sc-card p{font:400 14px/1.55 var(--sans);color:var(--muted);margin:0}

/* Status chip — color ALWAYS paired with a text label */
.sc-status{display:inline-flex;align-items:center;gap:7px;font:700 10.5px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;border-radius:var(--r-pill);padding:6px 11px;border:1px solid var(--border)}
.sc-status .dot{width:7px;height:7px;border-radius:50%}
.sc-status--live{color:var(--green-soft);border-color:var(--green-bd);background:var(--green-bg)} .sc-status--live .dot{background:var(--green);box-shadow:0 0 0 3px rgba(30,158,112,.18)}
.sc-status--beta{color:var(--amber);border-color:var(--amber-bd)} .sc-status--beta .dot{background:var(--amber)}
.sc-status--preview{color:var(--muted)} .sc-status--preview .dot{background:var(--muted)}

@media (prefers-reduced-motion: reduce){
  .sc-card{transition:none} .sc-card:hover{transform:none}
}