/* quiet.nu — tokens.css */
:root {
  /* Färg med kontrastvärden enligt 01-DESIGN.md */
  --ink: #291c15;
  --muted: #72665e;
  --terra-dark: #913814;
  --terra: #b95c3a;
  --line: #dfd1c7;
  --cream: #fcf4eb;
  --paper: #fffbf7;
  --cell-dark: #50453d;

  /* Typografi */
  --font-rubrik: "Jost", ui-sans-serif, system-ui, sans-serif;
  --font-brod: "Work Sans", ui-sans-serif, system-ui, sans-serif;

  --steg--1: clamp(0.83rem, 0.80rem + 0.14vw, 0.89rem);
  --steg-0: clamp(1.00rem, 0.95rem + 0.24vw, 1.13rem);
  --steg-1: clamp(1.25rem, 1.16rem + 0.44vw, 1.51rem);
  --steg-2: clamp(1.56rem, 1.41rem + 0.76vw, 2.03rem);
  --steg-3: clamp(1.95rem, 1.69rem + 1.28vw, 2.75rem);
  --steg-4: clamp(2.44rem, 2.02rem + 2.10vw, 3.75rem);

  /* Rum (Spacing) */
  --rum-1: 0.25rem;
  --rum-2: 0.5rem;
  --rum-3: 0.75rem;
  --rum-4: 1rem;
  --rum-5: 1.5rem;
  --rum-6: 2rem;
  --rum-7: 3rem;
  --rum-8: 4.5rem;
  --rum-9: 7rem;

  --matt-text: 66ch;
  --matt-sida: 1120px;
  --rand: 1px;
  --radie: 2px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --cream: #1b120d;
    --paper: #241811;
    --ink: #fcf4eb;
    --muted: #b3a49a;
    --line: #3d2e25;
    --terra-dark: #d97a52;
  }
}

:root[data-tema="ljus"] {
  --cream: #fcf4eb;
  --paper: #fffbf7;
  --ink: #291c15;
  --muted: #72665e;
  --line: #dfd1c7;
  --terra-dark: #913814;
}

:root[data-tema="mork"] {
  --cream: #1b120d;
  --paper: #241811;
  --ink: #fcf4eb;
  --muted: #b3a49a;
  --line: #3d2e25;
  --terra-dark: #d97a52;
}