/* Calendica design tokens ("four seasons" palette).
   Swapping the design = swapping the whole design/ folder; pages only use these variables and ca- components.
   Each page takes the accent colour of the month it is about: <body data-m="1"…"12">; pages without a month use the current month. */
:root{
  --ca-paper:#fcfcfb; --ca-white:#ffffff; --ca-ink:#22201e; --ca-soft:#6f6862; --ca-rule:#ebe7e3; --ca-focus:#1b6fd1;
  --ca-ok:#2f7d4f; --ca-warn:#a86f00;
  --ca-fd:"Sora", "Segoe UI", system-ui, sans-serif;          /* headings */
  --ca-fb:"Figtree", "Segoe UI", system-ui, sans-serif;       /* body */
  --ca-fn:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace; /* numbers */
  --ca-rad:12px; --ca-rad-s:8px; --ca-gap:18px; --ca-max:1240px; --ca-side:300px;
  --ca-t-h1:clamp(26px, 3.4vw, 36px); --ca-t-h2:20px; --ca-t-body:16px; --ca-t-small:13px; --ca-t-num:clamp(64px, 9vw, 104px);
  /* month accent (default October, overridden by data-m below) */
  --acc:#b5532a; --acc-deep:#7c3519; --acc-tint:#f8e9e1;
}
[data-m="1"]{--acc:#2f6690;--acc-deep:#1d4466;--acc-tint:#e6eef5}
[data-m="2"]{--acc:#7a4f9a;--acc-deep:#533369;--acc-tint:#efe7f4}
[data-m="3"]{--acc:#4f8a3c;--acc-deep:#335c27;--acc-tint:#e9f3e3}
[data-m="4"]{--acc:#2f8a7f;--acc-deep:#1d5d55;--acc-tint:#e1f2ef}
[data-m="5"]{--acc:#b83b70;--acc-deep:#7f2550;--acc-tint:#f8e6ee}
[data-m="6"]{--acc:#a86f00;--acc-deep:#6f4a00;--acc-tint:#fbf0d9}
[data-m="7"]{--acc:#c53a4d;--acc-deep:#882433;--acc-tint:#f9e4e7}
[data-m="8"]{--acc:#c4620e;--acc-deep:#85410a;--acc-tint:#fbeadb}
[data-m="9"]{--acc:#7d6e22;--acc-deep:#544a15;--acc-tint:#f2efdc}
[data-m="10"]{--acc:#b5532a;--acc-deep:#7c3519;--acc-tint:#f8e9e1}
[data-m="11"]{--acc:#7b5a44;--acc-deep:#533b2c;--acc-tint:#f1e9e3}
[data-m="12"]{--acc:#1f6f5c;--acc-deep:#13493c;--acc-tint:#e2f0ec}
/* dark mode: darker paper, month tint derived with color-mix from the same accent */
@media (prefers-color-scheme: dark){
  :root{--ca-paper:#16181b;--ca-white:#1e2125;--ca-ink:#ece9e5;--ca-soft:#a39d97;--ca-rule:#2e3237;color-scheme:dark}
  [data-m]{--acc-tint:color-mix(in srgb, var(--acc) 22%, #16181b)}
  [data-m] .ca-hero{background:color-mix(in srgb, var(--acc-deep) 85%, #000)}
}