/* Design tokens — Mirembajtja.com
   Palette from the pre-launch presentation: forest, mist, and paper.
   Signature mark: the key-shaped house. */

:root {
  --paper: #ffffff;
  --paper-raised: #fafbf9;
  --mist: #f2f4f0;
  --ink: #0f1e1a;
  --ink-soft: #3f4f49;
  --navy: #12483f;
  --navy-deep: #0c332c;
  --sage: #5e897c;
  --sage-soft: #9fbbaf;
  --rule: #cfd8cd;
  --rule-strong: #a8bdb3;
  --rust: #8a2e25;
  --rust-soft: #f7e3e0;
  --verified: #185b41;
  --verified-soft: #e3efe8;
  --gold: #6f480a;
  --gold-soft: #f6ebd6;
  --on-forest: #f2f4f0;
  --on-forest-muted: #d6e4dc;

  --font-display: "Archivo", "Helvetica Neue", Helvetica, sans-serif;
  --font-body: "Archivo", "Helvetica Neue", Helvetica, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --space-1: 0.4rem;
  --space-2: 0.8rem;
  --space-3: 1.4rem;
  --space-4: 2.2rem;
  --space-5: 3.6rem;
  --space-6: 5.6rem;
  --space-7: 8.4rem;

  --radius-sm: 0;
  --radius-md: 0;
  --max-width: 1160px;

  --shadow-card: none;
}

:root[data-theme="dark"] {
  --paper: #0c1613;
  --paper-raised: #13211d;
  --mist: #17302a;
  --ink: #f2f4f0;
  --ink-soft: #afc8bd;
  --navy: #cfe0d8;
  --navy-deep: #f2f4f0;
  --sage: #5e897c;
  --sage-soft: #9fbbaf;
  --rule: #2a4039;
  --rule-strong: #3d5c52;
  --rust: #e7b2ab;
  --rust-soft: #3a2422;
  --verified: #9fbbaf;
  --verified-soft: #1c3a30;
  --gold: #e6c48a;
  --gold-soft: #3a301c;
  --on-forest: #0f1e1a;
  --on-forest-muted: #3f4f49;
  --shadow-card: none;
}