/* Fix My Computers: design tokens (style tile v3 "Cursor, green", approved 2026-10-25).
   The only file allowed raw hex values. */
:root{
  /* surfaces */
  --ground:#FFFFFF;
  --paper:#EEF1F0;          /* keyboard grey */
  --paper-2:#E3E8E6;
  --graphite:#1B2021;       /* bands, topbar, board heads */
  --graphite-2:#252B2C;

  /* ink */
  --ink:#15191A;
  --ink-2:#3B4344;
  --muted:#66706F;
  --ink-inv:#FFFFFF;
  --ink-inv-2:#C4CCCA;

  /* accent: power-LED green */
  --accent:#139A4B;
  --accent-deep:#0E7F3D;
  --accent-soft:#DDF3E5;
  --accent-ink:#FFFFFF;
  --glow:#3EE07F;           /* on dark only */
  --whatsapp:#25D366;
  --error:#B42318;
  --star:#F2A900;

  /* lines */
  --line-w:1.5px;
  --line-c:#D2D9D6;           /* soft pass 25-Oct: lines are grey, not ink */
  --line:var(--line-w) solid var(--line-c);
  --line-soft:1px solid #DFE5E2;
  --line-inv:var(--line-w) solid rgba(255,255,255,.85);

  /* type */
  --f-head:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-body:"Libre Franklin",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-display:clamp(44px,6vw,84px);
  --fs-h1:clamp(40px,5.6vw,72px);
  --fs-h2:clamp(30px,3.6vw,46px);
  --fs-h3:clamp(20px,1.8vw,24px);
  --fs-body:17px;
  --fs-small:14.5px;
  --track-head:-.025em;

  /* space + layout */
  --wrap:1240px;
  --gutter:clamp(16px,3vw,32px);
  --s-1:8px;--s-2:12px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--s-7:72px;--s-8:104px;
  --radius:12px;               /* cards, boards, panels */
  --radius-sm:9px;             /* buttons, inputs, chips */

  /* motion */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:.18s;
}

/* dark scope: remaps tokens, never per-element colour overrides */
.band--ink{
  --ground:var(--graphite);
  --paper:var(--graphite-2);
  --ink:#FFFFFF;
  --ink-2:#C4CCCA;
  --muted:#9AA5A3;
  --line:1.5px solid rgba(255,255,255,.18);
  --line-c:rgba(255,255,255,.18);
  --line-soft:1.5px solid rgba(255,255,255,.22);
  --accent-deep:var(--glow);
  background:var(--ground);color:var(--ink);
}