/* Shared by all pages on wehentimer.bymaike.com. Colours and fonts follow the app ("Glas + Geborgen", docs/DESIGN.md).
   Fonts are self-hosted (OFL), so no request goes to a third party. */
@font-face { font-family: "Cormorant"; src: url("fonts/CormorantGaramond-SemiBoldItalic.ttf"); font-style: italic; font-weight: 600; font-display: swap; }
@font-face { font-family: "Quicksand"; src: url("fonts/Quicksand-Medium.ttf"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Quicksand"; src: url("fonts/Quicksand-Bold.ttf"); font-weight: 700; font-display: swap; }

:root { --ink:#3A3233; --plum:#7A4F5A; --sage:#52664A; --card:rgba(255,255,255,.5); --edge:rgba(255,255,255,.8); --line:#E2CFCB;
        --bg:linear-gradient(160deg,#E2AFB3 0%,#F4CDB4 55%,#D6C2DE 100%); }
@media (prefers-color-scheme: dark) {
  :root { --ink:#F0E6E2; --plum:#E6B3BC; --sage:#9AAB8E; --card:rgba(255,255,255,.08); --edge:rgba(255,255,255,.16); --line:#4A3A3E;
          --bg:linear-gradient(160deg,#4A2A34 0%,#3A2A26 55%,#2A2238 100%); }
}
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; background:var(--bg) fixed; color:var(--ink); font:500 17px/1.6 "Quicksand", -apple-system, system-ui, sans-serif; }
main { max-width:720px; margin:0 auto; padding:32px 16px 64px; }
h1, h2 { color:var(--plum); font-family:"Cormorant", Georgia, serif; font-style:italic; font-weight:600; line-height:1.15; }
h1 { font-size:2.4rem; margin:0 0 4px; } h2 { font-size:1.6rem; margin:32px 0 8px; }
strong, b { font-weight:700; }
a { color:var(--plum); }
.meta { color:var(--plum); margin:0 0 24px; }
.card { background:var(--card); border:1px solid var(--edge); border-radius:26px; padding:16px 20px; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); }
.alert { border:2px solid #B03A3A; border-radius:16px; padding:12px 16px; }
.todo { background:#fff3c4; color:#5a4a00; padding:0 4px; border-radius:4px; }
footer { border-top:1px solid var(--line); margin-top:40px; padding-top:16px; font-size:.9rem; }