/* The Silly Clicky Zoo - theme tokens
   ------------------------------------
   This is the ONLY file you change to restyle the landing page.
   Generated by the Zoo Theme Editor. Replace it and re-deploy;
   index.html and style.css never need to be touched.           */

:root{
  /* ---- colour ---- */
  --paper:#EDE8DC;      /* page background      */
  --card:#FBF8F1;       /* card background      */
  --ink:#1A1A22;        /* text + borders       */
  --soft:#6B6577;       /* secondary text       */
  --faint:#918BA0;      /* captions, footer     */
  --line:#D8D1C0;       /* hairlines + shadow   */
  --violet:#5B3FD6;     /* accent               */
  --screen:#171326;     /* animation panel      */
  --screen-2:#241D3D;   /* animation panel glow */
  --on-violet:#FFFFFF;  /* text on the accent   */
  --on-screen:#FFFFFF;  /* text on the panel    */

  /* ---- shape ---- */
  --radius-card:0px;
  --radius-btn:0px;
  --border-w:2px;
  --shadow-x:4px;
  --shadow-y:4px;
  --scanlines:1;        /* 1 = CRT lines on, 0 = off */

  /* ---- type ---- */
  --font-display:Silkscreen, monospace;
  --font-body:Nunito, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:"IBM Plex Mono", monospace;
  --size-brand:15px;
  --size-tagline:12px;
  --size-lede:14.5px;
  --size-btn:11px;
  --size-note:12.5px;
  --track-tagline:.08em;  /* letter-spacing */

  /* ---- layout ---- */
  --wrap-max:420px;
  --sprite:256px;
  --sprite-sm:192px;    /* under 400px wide */
  --gap:18px;
  --screen-pad:18px;
  --body-pad:14px;
}

@media (prefers-color-scheme:dark){
  :root{
    --paper:#111117;
    --card:#1A1A23;
    --ink:#EFEBE1;
    --soft:#A39DB3;
    --faint:#7A7490;
    --line:#2C2C39;
    --violet:#9B84FF;
    --screen:#0E0B1A;
    --screen-2:#1C1630;
    --on-violet:#140F2E;
    --on-screen:#FFFFFF;
    color-scheme:dark;
  }
}