:root {
  color-scheme: dark;

  /* Warm indie pixel palette restored from the earlier shelf direction.
     Semantic tokens are the source of truth; edg-* aliases remain for older
     thumbnails/ribbons that still reference the previous token names. */
  --bg: #201319;
  --bg-2: #332019;
  --surface: #3b2a24;
  --surface-2: #463228;
  --surface-3: #563d2f;
  --paper: #f1d99d;
  --text: #ffe6bc;
  --muted: #cfaa7d;
  --muted-2: #9b7b60;
  --line: #74523f;
  --line-strong: #9b654c;
  --ink: #0d0b10;

  --primary: #ffbd68;
  --primary-2: #f27d52;
  --green: #a7c96f;
  --blue: #88b4d8;
  --cyan: #71d6b2;
  --rose: #e07c8a;
  --violet: #8f78c8;
  --hot: #ff7a62;
  --new: #8fd07a;
  --featured: #f2c96b;
  --heating: #ff9f52;
  --online: #71d6b2;
  --offline: #c2b7a4;

  /* Compatibility aliases for the existing CSS and asset system. */
  --edg-black: var(--ink);
  --edg-night: #201319;
  --edg-indigo: #3c3040;
  --edg-steel: #74523f;
  --edg-mist: var(--muted);
  --edg-cloud: #ffe6bc;
  --edg-white: #fff7e6;
  --edg-cream: var(--paper);
  --edg-sand: #d9a469;
  --edg-copper: #b9805f;
  --edg-rust: #8f4f3d;
  --edg-clay: #5b312e;
  --edg-plum: #2b1822;
  --edg-brick: #c85f45;
  --edg-red: #df5a55;
  --edg-orange: var(--heating);
  --edg-gold: var(--primary);
  --edg-yellow: var(--featured);
  --edg-green: var(--green);
  --edg-forest: #617d48;
  --edg-deep-forest: #3d5638;
  --edg-teal: #244646;
  --edg-blue-deep: #384760;
  --edg-blue: var(--blue);
  --edg-cyan: var(--cyan);
  --edg-purple: var(--violet);
  --edg-pink: var(--rose);
  --edg-salmon: var(--hot);
  --edg-hot: #f45a55;

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --max: 1760px;

  --shadow-panel: 0 18px 44px rgba(13, 11, 16, 0.28), 0 1px 0 rgba(255, 235, 198, 0.045);
  --shadow-soft: 0 10px 26px rgba(13, 11, 16, 0.20), 0 1px 0 rgba(255, 235, 198, 0.035);
  --shadow-press: 0 3px 0 rgba(13, 11, 16, 0.92), 0 7px 14px rgba(0,0,0,0.16);

  --font-display: "Jersey 15", "VT323", "Pixel Operator", "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-body: "Space Grotesk", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.cool {
  --bg: #16131c;
  --bg-2: #201b28;
  --surface: #292433;
  --surface-2: #352f41;
  --surface-3: #323a48;
  --paper: #ead4aa;
  --text: #f8e7c4;
  --muted: #b9a88f;
  --muted-2: #897f76;
  --line: #55475a;
  --line-strong: #90745f;
  --primary: #f2b45f;
  --primary-2: #df8150;
  --green: #8fbe73;
  --blue: #7198d6;
  --cyan: #71d6b2;
  --rose: #d66b7d;
  --violet: #8f78c8;
  --hot: #ff7a62;
  --new: #73d58d;
  --featured: #f2c96b;
  --heating: #ff9f52;
  --online: #71d6b2;
  --offline: #c2b7a4;
}