/* =====================================================================
   reading-theme.css — Reading Cadets skin: "STORY PLUM" (light).
   Load AFTER /engine/site.css on every Reading Cadets page:
       <link rel="stylesheet" href="/engine/site.css">
       <link rel="stylesheet" href="/reading-theme.css">
   ---------------------------------------------------------------------
   site.css ends with the GADGET GREEN light theme (pale green blueprint
   paper, white cards, orange action, green signature). This file keeps
   that exact system — same components, same light-lab feel — and swaps
   ONLY the palette tokens so the sister site reads instantly different:
   lilac "story paper", magenta action colour, orchid-purple signature.
   Teal + yellow accents are deliberately kept: shared Academy DNA.
   Delete this file (or its <link>) and the page reverts to Number Cadets
   colours — no component rules live here beyond a few hardcoded-green
   touch-ups at the bottom.
   ===================================================================== */
:root{
  /* paper — lilac instead of pale green */
  --bg:#f8f1ff;
  --bg2:#efe1fb;
  --panel:#2a1145;                    /* banner/footer strip: deep plum   */

  /* palette */
  --blue:#7c3fe0;  --blue-d:#5c2bb0;  /* primary fills = orchid purple    */
  --lime:#e8308a;  --lime-d:#b51f6a;  /* primary ACTION = story magenta   */
  --blue-rgb:124,63,224; --lime-rgb:232,48,138;

  /* channels — dark plum ink instead of dark green ink */
  --srf:44,26,64;

  /* ink */
  --ink:#2b1040;                      /* ink on bright fills */
  --txt:#332046;                      /* page text           */
  --soft:#756190;                     /* muted text          */
  --on-bright:#2b0d24;                /* ink on cyan/magenta */
  --hero-sub:#54407a;

  /* surfaces */
  --card-sub:#5d4a78;
  --idcard-bg:linear-gradient(150deg,#ffffff,#f4ebfd);
  --idcard-bg-2:linear-gradient(150deg,#f6ecfa,#ecdcf5);
  --overlay:rgba(30,14,48,.72);
  --switch-bg:rgba(44,26,64,.08);
  --toast-bg:#2a1145;
  --shadow-card:0 16px 40px rgba(90,40,130,.18);

  /* signature (the theme's --gg "gadget green" becomes orchid) */
  --gg:#a12bd6;
  --gg-d:#7a1ea8;
  --shade:80,40,110;                  /* purple-tinted shadows            */

  /* accent-as-TEXT inks on light paper */
  --lime-ink:#c11670;                 /* kickers etc. — magenta ink       */
  --pink-ink:#c2306e;
}

/* Gradient headline: green→teal becomes orchid→magenta */
.gr,.p-index .hero h1 .gr,.p-missions .head h1 .gr{
  background:linear-gradient(90deg,#8f2fd0,#e8308a);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* The theme hardcodes its green in a few places — re-tint them orchid */
input:focus,select:focus,textarea:focus{
  border-color:var(--gg);box-shadow:0 0 0 3px rgba(161,43,214,.16);outline:none;
}
.p-index .face.front{
  background:
    repeating-linear-gradient(45deg,rgba(161,43,214,.04) 0 6px,transparent 6px 12px),
    var(--idcard-bg);
}