:root{
/* base palette */
--ff-cream-50:#faf7ef;--ff-cream-100:#f8f4ec;--ff-cream-200:#f1ebe1;--ff-cream-300:#e6dfd1;--ff-cream-400:#d2cdc4;
--ff-olive-900:#1f241c;--ff-olive-800:#262c24;--ff-olive-700:#2d322a;--ff-olive-600:#3a492e;--ff-olive-500:#4a563d;--ff-olive-400:#6b7a5c;
--ff-sage-300:#b9c5a0;--ff-sage-200:#c5d2b1;--ff-sage-100:#dfe6d0;
--ff-ink:#1f241c;--ff-ink-muted:#6f6e66;--ff-ink-faint:#a29f95;
--ff-white:#ffffff;
/* Advisory palette from the website guide's attention treatment. */
--notice-bg:#d9b565;--notice-text:#3a3320;--notice-border:#8a6a1f;
}
:root,[data-theme="light"]{
/* semantic (light) */
--bg-page:var(--ff-cream-100);--bg-card:var(--ff-cream-50);--bg-sunken:var(--ff-cream-200);--bg-inverse:var(--ff-olive-900);
--text-primary:var(--ff-ink);--text-secondary:var(--ff-ink-muted);--text-tertiary:var(--ff-ink-faint);--text-brand:var(--ff-olive-500);--text-on-primary:var(--ff-cream-50);
--border-subtle:var(--ff-cream-300);--border-strong:var(--ff-cream-400);--border-input:#d9d2c4;--border-check:#3c3a35;
--action-primary:var(--ff-olive-500);--action-primary-hover:var(--ff-olive-600);--action-primary-text:var(--ff-cream-50);
--accent:var(--ff-olive-500);--accent-soft:var(--ff-sage-100);--tab-indicator:var(--ff-olive-600);
--rating:var(--ff-olive-600);
--overlay-control:rgba(248,244,236,.82);--overlay-control-fg:var(--ff-ink);
--shadow-card:0 1px 2px rgba(31,36,28,.06),0 6px 20px rgba(31,36,28,.06);
--shadow-float:0 8px 28px rgba(31,36,28,.14);
--protect-gradient:linear-gradient(180deg,rgba(31,36,28,0) 55%,rgba(31,36,28,.55) 100%);/* @kind other */
color-scheme:light;
}
[data-theme="dark"]{
--bg-page:var(--ff-olive-900);--bg-card:var(--ff-olive-800);--bg-sunken:var(--ff-olive-700);--bg-inverse:var(--ff-cream-100);
--text-primary:#f6f1e5;--text-secondary:#a9ac9f;--text-tertiary:#7d8175;--text-brand:var(--ff-sage-300);--text-on-primary:var(--ff-olive-900);
--border-subtle:#33392f;--border-strong:#454b40;--border-input:#454b40;--border-check:#efeeed;
--action-primary:var(--ff-sage-300);--action-primary-hover:var(--ff-sage-200);--action-primary-text:var(--ff-olive-900);
--accent:var(--ff-sage-300);--accent-soft:#33392f;--tab-indicator:#c2cfaa;
--rating:var(--ff-sage-300);
--overlay-control:rgba(31,36,28,.72);--overlay-control-fg:#f6f1e5;
--shadow-card:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.25);
--shadow-float:0 8px 28px rgba(0,0,0,.45);
--protect-gradient:linear-gradient(180deg,rgba(31,36,28,0) 55%,rgba(31,36,28,.7) 100%);/* @kind other */
color-scheme:dark;
}