/* Token warna & tipografi. diambil persis dari comika.company (css/tokens.css) */
:root{
  --b1:#264284; --b2:#246DA9; --b3:#2198CE; --cy:#1FC3F3;
  --grad:linear-gradient(135deg,#264284,#1FC3F3);
  --grad-hero:linear-gradient(135deg,#264284 0%,#246DA9 45%,#1FC3F3 100%);

  --bg:#FFFBF2; --bg2:#FBFAF4; --bg3:#ECE6D8;
  --ink:#0B1430; --ink2:#060E25; --muted:#6A7894;
  --line:rgba(38,66,132,.14);
  --card:#fff;

  --ok:#1f9d55; --ok-bg:rgba(31,157,85,.10);
  --warn:#a0610a; --warn-bg:rgba(196,128,26,.12);
  --err:#c0392b; --err-bg:rgba(192,57,43,.10);

  --f-h:'Play',sans-serif; --f-b:'Plus Jakarta Sans',sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --maxw:1200px;
  --shadow:0 14px 40px rgba(20,32,80,.10);
  --shadow-lg:0 26px 70px rgba(20,32,80,.16);
  --grain-op:.045; --grain-blend:multiply;
}

[data-theme="dark"]{
  --bg:#070E22; --bg2:#0E1A35; --bg3:#0B1736;
  --ink:#C9D4E8; --ink2:#EEF4FF; --muted:#7C8DAE;
  --line:rgba(120,170,230,.14);
  --card:#0E1A35;
  --shadow:0 14px 40px rgba(0,0,0,.35);
  --shadow-lg:0 26px 70px rgba(0,0,0,.5);
  --grain-op:.06; --grain-blend:screen;
}