/* ==================================================================
   503 — LOOK & FEEL (wholesale + crates pages)
   ==================================================================
   The site now runs one quiet, grainy design in light and dark.
   Anything you put here loads LAST, so it wins over the built-in
   styles. Uncomment a block, change the value, commit.
   Colours are hex codes — grab them from a picker like htmlcolorcodes.com.
   ================================================================== */

/* ---- LIGHT ----
:root{
  --bg:#e9e9e9;      page background
  --bg2:#f2f2f2;     sheets, popovers
  --paper:#f7f7f7;   cards, panels
  --ink:#151515;     text + buttons
  --mute:#6f6f6f;    small print
  --green:#2f7d52;   in-stock, credits back
  --gold:#9a6b12;    limited / warnings
}
*/

/* ---- DARK ----
:root[data-theme="dark"]{
  --bg:#141414; --bg2:#1a1a1a; --paper:#1f1f1f;
  --ink:#ececec; --mute:#8f8f8f; --green:#7fcf9a; --gold:#e0b25a;
}
*/

/* ---- TYPE ----
   One typeface everywhere. To try another, add its Google Fonts <link>
   to the page head and name it here.
:root{ --f:'Inter',-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif; }
*/

/* ---- GRAIN ----
   0 = off, .19 is the default in light, .13 in dark.
:root{ --grain-op:.19 }
:root[data-theme="dark"]{ --grain-op:.13 }
*/

/* ---- YOUR OWN TWEAKS ---- */