:root{
  /* colour */
  --sc-bg:#FFFFFF;
  --sc-bg-alt:#F8FAFC;
  --sc-ink:#0F172A;
  --sc-ink-2:#334155;
  --sc-muted:#64748B;
  --sc-muted-2:#94A3B8;
  /* MUTED TEXT, ACCESSIBILITY (R18 pair)
     Every muted 12 to 13.5 px string must pass AA against the surface it sits
     on. --sc-muted-2 on white is 2.56:1 and #64748B on --sc-ink is 3.75:1, so
     neither may carry small text on its own. Use this pair instead:
     --sc-muted-text 4.76:1 on #FFFFFF and 4.55:1 on --sc-bg-alt.
     --sc-muted-ink  6.96:1 on --sc-ink and 5.71:1 on #1E293B. */
  --sc-muted-text:#64748B;
  --sc-muted-ink:#94A3B8;
  --sc-line:#E2E8F0;
  --sc-line-2:#CBD5E1;
  --sc-accent:#2563EB;
  --sc-accent-press:#1D4ED8;
  --sc-accent-soft:#F0F6FF;
  /* GREEN, ACCESSIBILITY (v2 fix)
     --sc-pass 3.12:1 on white: NON-TEXT ONLY (bars, ticks, dots, icons; passes
     the 3:1 rule for graphical objects). Never use it for text or as a fill
     behind white text.
     --sc-pass-text 5.5:1 on white AND 5.3:1 against white text: use for all
     green type, green pill fills, and any green glyph carrying meaning. */
  --sc-pass:#00A855;
  --sc-pass-text:#047857;
  --sc-pass-bright:#00E676;/* decorative marker only, never text */
  --sc-pass-soft:#F0FDF4;
  --sc-pass-line:#BBF7D0;
  --sc-warn:#B45309;
  --sc-warn-soft:#FFFBEB;
  --sc-fail:#DC2626;
  --sc-fail-soft:#FEF2F2;
  --sc-fail-line:#FECACA;
  --sc-info:#64748B;

  /* type */
  --sc-font-display:'Plus Jakarta Sans',system-ui,sans-serif;
  --sc-font-text:Inter,system-ui,sans-serif;
  --sc-font-mono:ui-monospace,Menlo,Consolas,monospace;

  /* space scale (px) */
  --sc-1:4px; --sc-2:8px; --sc-3:12px; --sc-4:16px; --sc-5:20px;
  --sc-6:24px; --sc-8:32px; --sc-10:40px; --sc-12:48px; --sc-16:64px; --sc-20:80px; --sc-24:96px;

  /* radius */
  --sc-r-sm:5px; --sc-r-md:10px; --sc-r-lg:14px; --sc-r-xl:16px; --sc-r-pill:999px;

  /* shadow */
  --sc-shadow-card:0 1px 2px rgba(15,23,42,.04);
  --sc-shadow-hi:0 12px 40px -18px rgba(37,99,235,.55);

  /* layout */
  --sc-max:1120px;
  --sc-max-wide:1240px;
  --sc-max-read:650px;
}
