/* ============================================================
   MR Stash - THEME / DESIGN TOKENS
   This is the file to edit when you want to change colors,
   fonts, or the anaglyph effect. Everything else reads from here.
   ============================================================ */

:root {
  /* --- Brand: toad skin --- */
  --toad:        #699445;  /* primary brand green (logo body) */
  --toad-bright: #8bbf5f;  /* lighter green for text/icons on dark */
  --toad-deep:   #3d5a28;  /* darker green for borders/shadows */

  /* --- Brand: 3D-glasses lenses --- */
  --lens-red:  #c53132;    /* left lens */
  --lens-blue: #318acb;    /* right lens */

  /* --- Surfaces & text --- */
  --ink:       #0b0e0a;    /* page background */
  --ink-2:     #121710;    /* raised panel background */
  --paper:     #eef3e6;    /* primary text */
  --paper-dim: #a8b69a;    /* secondary / muted text */
  --hair:      #2a3320;    /* hairline borders & dividers */

  /* --- Anaglyph headline effect ---
     The red/blue offset that makes text look like it's seen
     through 3D glasses. Increase the offset for a stronger split. */
  --anaglyph-offset: 0.045em;

  /* --- Type --- */
  --font-display: "Space Grotesk", "Arial Narrow", sans-serif;
  --font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

/* The anaglyph treatment lives here since it's driven by the lens colors. */
.anaglyph {
  color: var(--paper);
  text-shadow:
    calc(-1 * var(--anaglyph-offset)) 0.01em 0 var(--lens-red),
    var(--anaglyph-offset) -0.01em 0 var(--lens-blue);
}