/* css/main.css */
:root{
  --color-bg:#efe9de;
  --color-surface:#ffffff;
  --color-ink:#24291f;
  --color-ink-soft:#5b5b4e;
  --color-border:#dcd4c2;
  --color-primary:#2f4a3c;
  --color-primary-light:#dfe9e1;
  --color-speiseplan:#b97a2e;
  --color-speiseplan-light:#f5e6ce;
  --color-aktivitaeten:#3e6a7a;
  --color-aktivitaeten-light:#dfeaee;
  --color-urgent:#a1402a;
  --color-urgent-light:#f4dcd4;
  --radius-s:8px;
  --radius-m:14px;
  --radius-l:22px;
  --shadow-1:0 2px 6px rgba(36,41,31,.08);
  --shadow-2:0 12px 30px rgba(36,41,31,.14);
  --font-display:'Fraunces', Georgia, serif;
  --font-body:'Work Sans', system-ui, sans-serif;
  --font-mono:'Space Mono', monospace;
  --touch-min:48px;
  --scale:1;
}

html{ font-size: calc(16px * var(--scale)); scroll-behavior:smooth; }
html.fs-gross{ --scale:1.15; }
html.fs-riesig{ --scale:1.35; }

*,*::before,*::after{ box-sizing:border-box; }

body{
  margin:0;
  background:var(--color-bg);
  background-image:
    radial-gradient(circle at 100% 0%, rgba(47,74,60,.06), transparent 55%),
    radial-gradient(circle at 0% 100%, rgba(185,122,46,.07), transparent 45%);
  color:var(--color-ink);
  font-family:var(--font-body);
  line-height:1.5;
  min-height:100vh;
}

h1,h2,h3{ font-family:var(--font-display); margin:0; letter-spacing:-.01em; }
button{ font-family:inherit; cursor:pointer; }
[hidden]{ display:none !important; }

@media (prefers-reduced-motion:reduce){
  *{ scroll-behavior:auto !important; transition:none !important; }
}