/* === TOKENS === */
:root{
  --scale: 1;
  --font-display: "Trebuchet MS","Segoe UI",system-ui,sans-serif;
  --font-body:    "Segoe UI",Verdana,system-ui,sans-serif;
  --font-read:    "Andika",Verdana,"Segoe UI",system-ui,sans-serif;   /* Kinder-Lesetext: einstoeckiges a, l mit Bogen */

  --paper:#fbf7ef; --paper-2:#f2ead9; --card:#fffdf8;
  --ink:#23201b; --ink-soft:#5c5346; --line:#e6dcc9;

  --brand:#0f8a6a; --brand-ink:#0a5f49; --brand-soft:#d9f0e8;
  --amber:#e39a2e; --amber-soft:#fbeccb;
  --blue:#3667cf;  --blue-soft:#dbe6fb;
  --red:#d5403f;   --red-soft:#fadedd;
  --green:#2c9c55; --green-soft:#d7f0de;
  --purple:#7c4dd6; --purple-soft:#ece2fb;

  --shadow-1:0 1px 2px rgba(40,30,10,.10),0 4px 12px rgba(40,30,10,.06);
  --shadow-2:0 2px 4px rgba(40,30,10,.12),0 12px 28px rgba(40,30,10,.12);
  --radius:18px; --radius-s:12px; --tap:52px;
}
html[data-theme="dark"]{
  --paper:#171a1f; --paper-2:#12151a; --card:#20242b;
  --ink:#f2ece0; --ink-soft:#b0a894; --line:#333a44;
  --brand:#35c295; --brand-ink:#7fe0c4; --brand-soft:#123a30;
  --amber:#f0b24a; --amber-soft:#3a2e14;
  --blue:#6f9bff;  --blue-soft:#1b2640;
  --red:#ff6b68;   --red-soft:#3a1c1c;
  --green:#4fcf7d; --green-soft:#123321;
  --purple:#b18cff; --purple-soft:#241a3a;
  --shadow-1:0 1px 2px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.35);
  --shadow-2:0 3px 6px rgba(0,0,0,.5),0 16px 34px rgba(0,0,0,.5);
}