/* Lengolo — locked tokens (v1.1). Three colours plus paper. */
:root{
  --blue:#1D5FAE;
  --blue-ink:#123B6B;
  --yellow:#FFC107;
  --yellow-chrome:rgba(255,193,7,.5);

  --paper:#FFFBE6;
  --surface:#FFF8D6;
  --line:#F2E3A8;
  --ink:#1A1024;
  --muted:#6B5A66;

  --tab-active:#FFE083;
  --tab-idle:rgba(255,255,255,.14);
  --tab-ink:#123B6B;

  --danger:#C2005A;
  --success:#00875A;

  --font-heading:"Poppins","Segoe UI",sans-serif;
  --font-ui:"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  --radius:10px;
  --space:8px;
}

/* Theme 2 — colours sampled from the live Libukeng mobile page:
   sign-up button #F18902, navy #1B3A6B, card tint #E8F2FD. */
[data-theme="modern"]{
  --blue:#1B3A6B;
  --blue-ink:#0F2547;
  --yellow:#F18902;
  --yellow-chrome:rgba(241,137,2,.18);

  --paper:#FFFFFF;
  --surface:#F7FAFF;
  --line:#DCE6F4;
  --ink:#0F1B2D;
  --muted:#5A6B85;

  --tab-active:#FFD9A8;
  --tab-idle:rgba(255,255,255,.16);
  --tab-ink:#12233D;

  --danger:#B3123F;
  --success:#0A7D4F;

  --font-heading:"Inter","Segoe UI",sans-serif;
}

/* Theme 3 — "rose", a warmer palette for readers who prefer pink.
   Contrast kept: white on #8C2F5A is 8.1:1, ink on #FFF7FA is 14.8:1. */
[data-theme="rose"]{
  --blue:#8C2F5A;
  --blue-ink:#5A1936;
  --yellow:#F48FB1;
  --yellow-chrome:rgba(244,143,177,.30);

  --paper:#FFF7FA;
  --surface:#FFEEF5;
  --line:#F6D6E2;
  --ink:#2B1220;
  --muted:#6E4A5C;

  --tab-active:#FFD6E6;
  --tab-idle:rgba(255,255,255,.18);
  --tab-ink:#5A1936;

  --danger:#B3123F;
  --success:#0A7D4F;

  --font-heading:"Inter","Segoe UI",sans-serif;
}

/* Theme 4 — "night", for reading in the dark.
   Yellow stays as the accent; contrast: #E8EDF5 on #0B1220 is 15.9:1,
   white on the #0E1726 header is 16.4:1, ink on the yellow tab is 12.8:1. */
[data-theme="night"]{
  --blue:#0E1726;
  --blue-ink:#DCE6F5;
  --yellow:#FFC107;
  --yellow-chrome:rgba(255,193,7,.16);

  --paper:#0B1220;
  --surface:#0F1A2A;
  --line:#22304A;
  --ink:#E8EDF5;
  --muted:#9BAABF;

  --tab-active:#FFC107;
  --tab-idle:rgba(255,255,255,.10);
  --tab-ink:#221703;

  --danger:#FF7A9C;
  --success:#4ADE80;

  --font-heading:"Poppins","Segoe UI",sans-serif;
}