/* ============================================================
   tokens.css — the design system. POV: Acid.
   This is the swappable layer. app.css references these only:
   it must never contain a literal colour, font family, radius
   or shadow. Riso is retained as a documented fallback below.
   ============================================================ */

/* ---------- faces, self-hosted so the app works with no network ---------- */

@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/anton-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/anton-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/spacemono-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/spacemono-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/spacemono-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/spacemono-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* ---------- surface ---------- */
  --chrome:          #08080A;  /* outside the 560px column on wide screens */
  --ground:          #0D0D0D;  /* app background; carries the halftone */
  --surface:         #0D0D0D;  /* plates — same black, separated by edge not fill */
  --surface-alt:     #161616;  /* photo wells, inset areas */
  --surface-row:     #191919;  /* planned meal rows */

  /* ---------- ink ---------- */
  --ink:             #F0F0E6;  /* body text, ingredient names */
  --ink-2:           #C4C4B8;  /* recipe description */
  --ink-3:           #B0B0A4;  /* method step text */
  --ink-muted:       #A8A89C;  /* unselected chip labels */
  --ink-dim:         #6E6E62;  /* step numbers, version stamps, placeholders */
  --ink-faint:       #55554C;  /* input placeholders, empty meal rows */
  --ink-faintest:    #44443E;  /* empty meal row key */
  --ink-inverse:     #0D0D0D;  /* text on accent fills */
  --ink-photo:       #4A2A38;  /* photo well placeholder label */

  /* ---------- accents ---------- */
  --accent-1:        #FF2D78;  /* pink — labels, section headers, plate edges,
                                  primary action, active chips, cooked meals */
  --accent-2:        #D9FF35;  /* yellow — figures you read ONLY:
                                  titles, ingredient quantities, ratings */

  /* ---------- structure ---------- */
  --rule:            #232320;  /* ingredient row dividers */
  --rule-2:          #33332E;  /* empty-state outlines, progress track */
  --rule-3:          #3A3A34;  /* section underlines, log entry edge */
  --chip-rule:       #55554C;  /* unselected chip edge */
  --edge-width:      2px;
  --edge-hair:       1.5px;
  --rule-width:      1px;

  /* ---------- type ---------- */
  --font-display:    'Anton', 'Haettenschweiler', 'Arial Narrow', sans-serif;
  --font-body:       'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --font-data:       'Space Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* ---------- shape ---------- */
  --radius:          0;
  --radius-pill:     999px;

  /* ---------- texture ---------- */
  --texture:         radial-gradient(#FF2D78 1.2px, transparent 1.3px);
  --texture-size:    9px 9px;
  --texture-opacity: .5;

  /* ---------- scrim ---------- */
  --scrim:           rgba(8, 8, 10, .86);
}

/* ============================================================
   FALLBACK POV — Riso. Not active. Documented so the swap
   stays a single-file change: replace the :root block above
   with this one and nothing else in the app moves.

   --chrome:#E8E4D9; --ground:#EFEBE0; --surface:#F7F4EC;
   --surface-alt:#E2DDD0; --surface-row:#E8E3D6;
   --ink:#1B1A17; --ink-2:#3D3A34; --ink-3:#4A4740;
   --ink-muted:#6B675E; --ink-dim:#8C8879; --ink-faint:#A8A395;
   --ink-faintest:#BDB8A9; --ink-inverse:#F7F4EC; --ink-photo:#C9B7A8;
   --accent-1:#0F4C81; --accent-2:#FF6B35;
   --rule:#D8D2C4; --rule-2:#C7C0B0; --rule-3:#B5AE9C; --chip-rule:#A29B89;
   --font-display:'Anton',sans-serif; --font-body:'Space Mono',monospace;
   --texture:radial-gradient(#0F4C81 1.2px,transparent 1.3px);
   --texture-opacity:.18; --scrim:rgba(239,235,224,.9);
   ============================================================ */