/* ARC Learnings — design tokens, copied byte-for-byte from engine/template_prefix.html
   (UI_SPEC_v1.md §2: "No literal colour anywhere in the stylesheet"). Night values are
   the defaults on :root; day mode redefines the SAME tokens on body[data-mode="light"].
   Do not hand-edit a value here without also updating the engine copy — they must match. */
:root{
  --arc-blue:#57a8ff; --arc-blue-d:#7cbcff;
  --arc-sky:rgba(87,168,255,.17); --arc-sky2:rgba(87,168,255,.34);
  --gold:#ffb339; --gold-bg:rgba(255,179,57,.17); --gold-ink:#ffd489; --gold-br:rgba(255,179,57,.40);
  --green:#2fd39b; --green-bg:rgba(47,211,155,.17); --green-ink:#7df0cb; --green-br:rgba(47,211,155,.40);
  --red:#ff6f6f; --red-bg:rgba(255,111,111,.17); --red-ink:#ff9d9d; --red-br:rgba(255,111,111,.40);
  --bg:#08101f; --card:rgba(16,34,62,.74); --ink:#e8f0fb; --muted:#8ea6c6;
  --line:rgba(255,255,255,.12); --field:rgba(255,255,255,.055);
  --track:rgba(255,255,255,.12); --hover:rgba(255,255,255,.075);
  --on-solid:#06182e;
  --shadow:0 2px 6px rgba(3,10,24,.42),0 10px 28px rgba(3,10,24,.36);
  --shadow-lg:0 8px 24px rgba(3,10,24,.5),0 34px 70px rgba(3,10,24,.45);
  --radius:22px; --radius-sm:15px;
  --nav-bg:rgba(10,22,42,.74); --topbar-bg:rgba(8,16,31,.72); --blur:blur(15px);
  --hero-bg:linear-gradient(135deg,#2170cf,#0f3572 58%,#0b6f9c);
  --hero-ink:#ffffff;
  --big-grad:linear-gradient(135deg,#9fdcff,#57a8ff 55%,#2fd39b);
  --ease:cubic-bezier(.22,.61,.36,1); --bounce:cubic-bezier(.3,1.7,.45,1);
}
body[data-mode="light"]{
  --arc-blue:#1a6fd4; --arc-blue-d:#1459ab;
  --arc-sky:#e2eefc; --arc-sky2:#c3ddf8;
  --gold:#e8930c; --gold-bg:#fdf1da; --gold-ink:#9a6205; --gold-br:#f2dcae;
  --green:#10a068; --green-bg:#e2f5ec; --green-ink:#0b7a4e; --green-br:#b6e2cc;
  --red:#e05656; --red-bg:#fceaea; --red-ink:#b23a3a; --red-br:#f3c9c9;
  --bg:#e7f1fd; --card:#ffffff; --ink:#0f2440; --muted:#5b7797;
  --line:#d4e3f5; --field:#f3f8fe; --track:#dde9f7; --hover:#eaf3fd;
  --on-solid:#ffffff;
  --shadow:0 1px 3px rgba(18,52,102,.06),0 8px 22px rgba(18,52,102,.08);
  --shadow-lg:0 6px 18px rgba(18,52,102,.11),0 30px 62px rgba(18,52,102,.12);
  --nav-bg:rgba(255,255,255,.84); --topbar-bg:rgba(231,241,253,.86);
  --hero-bg:linear-gradient(135deg,#2a7ee4,#134da4 58%,#0d7fae);
  --big-grad:linear-gradient(135deg,#1a6fd4,#0d7fae 55%,#10a068);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  min-height:100vh;
}