/* Study Grove "cozy" design tokens. Shared by the landing page and the playable app.
   Palette: lime meadow page, cream paper panels, cocoa ink, chunky cocoa borders
   with an offset "sticker" shadow, pixel display type and a soft sans for reading. */
@font-face{font-family:"Pixelify Sans";src:url('/public/fonts/PixelifySans-Variable.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:VT323;src:url('/public/fonts/VT323-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:Outfit;src:url('/public/fonts/Outfit-Variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{
  --cz-meadow:#dbe59f;      /* page background, lime meadow */
  --cz-meadow-deep:#c9d88a; /* stripes, hover on meadow */
  --cz-cream:#f7f1dc;       /* alternate section background */
  --cz-paper:#fffaee;       /* cards, dialogs, inputs */
  --cz-paper-deep:#f1e6c8;  /* pressed / secondary surfaces */
  --cz-cocoa:#5a4038;       /* ink and borders */
  --cz-cocoa-deep:#3c2822;  /* button shadows, footer */
  --cz-cocoa-soft:#6b4f45;  /* muted text (AA on meadow, cream and paper) */
  --cz-moss:#7ea85c;        /* success / nature accent */
  --cz-moss-deep:#5c8743;
  --cz-peach:#f3a97b;       /* warm accent, highlights */
  --cz-peach-deep:#d9825a;
  --cz-sky:#9fcfe3;         /* water, info */
  --cz-gold:#efc766;        /* coins */
  --cz-gold-deep:#c79a3a;
  --cz-rose:#e99aa6;        /* hearts, bond */
  --cz-border:3px;
  --cz-radius:14px;
  --cz-radius-sm:9px;
  --cz-shadow:4px 4px 0 var(--cz-cocoa);
  --cz-shadow-sm:3px 3px 0 var(--cz-cocoa);
  --cz-font-display:"Pixelify Sans",VT323,"Courier New",monospace;
  --cz-font-mono:VT323,"Pixelify Sans",monospace;
  --cz-font-body:Outfit,system-ui,sans-serif;
  --cz-ease:cubic-bezier(.22,1,.36,1);
}