/* Design tokens — the ONLY :root block in the app. Every stylesheet loads this file first (see each HTML shell's ) and reads colors/spacing/type from these custom properties, never a literal. polish-02: consolidated from shared/style.css's original 14-token block. --free-ink/--booked-ink/--hold-ink were darkened from their original values (see git history) to clear WCAG AA contrast (4.5:1) on their -bg pairs for small calendar-cell text; everything else is unchanged from the original palette. */ :root { /* brand */ --leaf: #14532d; --leaf-dark: #0d3b20; --marigold: #f5a623; --paper: #fdf8f0; --card: #ffffff; --ink: #2b2b26; --muted: #8a8578; --border: #e8e1d0; /* calendar / booking status */ --free-ink: #0f7a3a; --free-bg: #e6f4ea; --booked-ink: #605f58; --booked-bg: #e5e3dc; --hold-ink: #8a5a0e; --hold-bg: #fdf0d9; /* named strays */ --alert-border: #f0c98a; --topbar-accent: #d7e9db; --radius: 14px; --shadow: 0 2px 10px rgba(43, 43, 38, 0.08); /* spacing scale */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; /* type scale */ --text-sm: 0.8rem; --text-base: 0.95rem; --text-lg: 1.3rem; --text-xl: 1.6rem; /* PWA manifest can't read CSS custom properties — these two are duplicated as literals in diary-manifest.webmanifest. Keep in sync if --leaf or --paper ever change. */ --theme-color: var(--leaf); --bg-color: var(--paper); }