/* ============================================================
   RYCA — Design tokens (single source of truth)
   Edited visually via design-system.html · used by index.html
   ============================================================ */
:root{
  --bg:#000000;
  --ink:#ffffff;
  --muted:#747474;
  --card:#ffffff;
  --card-ink:#000000;
  --tint:rgb(122 122 122 / 15%);   /* nav bar + "coming soon" card */
  --guide:rgba(70,70,70,.3);       /* #464646 vertical column guides */
  --toggle-border:#bcbcbc;
  --line:rgba(244,242,236,.12);
  --red:#ff5c45;
  --yellow:#ffc24b;
  --green:#56d08a;
  --radius:56px;                    /* nav radius */
  --radius-card:40px;               /* work card radius (logo-bar cards) */
  --container:1280px;
  --col-gap:8px;
  --display:'Outfit',sans-serif;
  --body:'Outfit',sans-serif;
}