/* Warm ivory and sage: the fixed application palette. */
:root,[data-theme=sage]{color-scheme:light;--bg:#f7f7f0;--panel:#edf1e7;--paper:#fffefa;--ink:#293e35;--muted:#68776e;--line:#dce3d7;--accent:#4f735d;--accent-dark:#365b45;--accent-pale:#e5eddf;--sage:#648269;--shadow:0 6px 24px #3d583b07;--cat-birthday:#a66a11;--cat-concert:#267d99;--cat-exam:#b7593b;--cat-appointment:#795ca6;--cat-other:#65716e}
::selection{background:#d4e3ce;color:#293e35}
body{background:var(--bg)}
.primary,.fab,.chip.selected{background:var(--accent);border-color:var(--accent);color:#fffefa;box-shadow:0 5px 16px #365b4515}
.primary:hover,.fab:hover,.chip.selected:hover{background:var(--accent-dark)}
.nav-item.active{background:var(--accent-pale);color:var(--accent-dark)}
.bottom-nav .nav-item{color:var(--muted)}.bottom-nav .nav-item.active{color:var(--accent-dark)}
.notification{color:var(--accent-dark);background:var(--accent-pale)}
.botanical{color:#7e9978}.banner-spark{color:#a28743}
.welcome-banner{background:linear-gradient(115deg,#e7edde,#f2f3e8);border-color:#dce4d3}
.welcome-banner p,.tiny-title{color:#627354}.section-heading h2>span{background:var(--accent-pale);color:var(--accent-dark)}
.chip{color:var(--muted);border-color:var(--line);background:#fffefa80}.chip.selected{color:#fffefa}
article.event-card.event-card{--event-accent:var(--category-color,var(--cat-other));background:linear-gradient(115deg,#fffefa,#f0f4e9);border:1px solid #dbe4d5;border-radius:17px;box-shadow:var(--shadow)}
article.event-card:before{content:'';position:absolute;left:-1px;top:23px;bottom:23px;width:4px;border-radius:4px;background:var(--event-accent);pointer-events:none}
.event-card .event-copy{padding-left:14px;padding-right:39px}
.event-card .category-label{font-weight:550;color:var(--event-accent)}
.event-card .category-icon{display:flex;align-items:center;justify-content:center;width:33px;height:33px;right:14px;top:14px;border-radius:11px;background:color-mix(in srgb,var(--event-accent) 10%,#fffefa);border:1px solid color-mix(in srgb,var(--event-accent) 20%,transparent);color:var(--event-accent)}
.event-card .category-icon .icon{width:19px;height:19px;stroke-width:1.8}
.event-card .event-copy h3,.event-card .countdown{color:var(--ink)}
.event-card .event-footer,.event-card .event-menu summary{color:var(--muted)}
.event-inline-note{color:var(--ink);border-color:var(--line)}.event-menu-panel>button,.danger{color:#a7493d}
.gentle-note,.gentle-note>span,.today-label,.right-footer,.sidebar-bottom>p{color:var(--muted)}
.inspiration-content,.inspiration-content>.icon,.inspiration-content>span{color:var(--ink)}
.inspiration:after{background:linear-gradient(#f2f3e7f0,#f2f3e7b0 50%,transparent)}
.little-reminder{background:var(--panel)}.little-reminder>span,.little-reminder>.icon{color:var(--accent-dark)}
input::placeholder,textarea::placeholder{color:#788476}
.category-choice:has(input:checked){background:var(--accent-pale);color:var(--accent-dark);border-color:var(--accent)}
.category-choice .icon{color:var(--category-color)}
.repeat-option{background:#eef3e8}.toggle-track{background:#bec9b7}.repeat-option input:checked+.toggle-track{background:var(--accent)}
.calendar-day.chosen{background:var(--accent);color:white}.calendar-day.today{box-shadow:inset 0 0 0 1px var(--accent)}
.dot.birthday,.dot.concert,.dot.exam,.dot.appointment,.dot.other{background:var(--category-color)}
.legend{gap:14px 17px}.legend span{color:var(--muted);font-size:10px;gap:7px}.legend .dot{width:9px;height:9px}
.calendar-day.chosen .dot{outline:1px solid #fffefa;outline-offset:1px}
.notice-banner{background:var(--accent-pale)}.notice-banner p,.notice-banner>.icon{color:var(--accent-dark)}
.notice-icon.birthday,.notice-icon.concert,.notice-icon.exam,.notice-icon.appointment,.notice-icon.other{color:var(--category-color);background:color-mix(in srgb,var(--category-color) 12%,#fffefa)}
.onboarding{background:radial-gradient(ellipse at 50% 30%,#e5edda,transparent 65%)}
.onboard-brand{color:var(--accent-dark)}.orbit{border-color:#a3b99450}.onboard-botanical .botanical{color:#7e9770}
.orbit-symbol{background:#fffefa;border-color:#dbe3d3;box-shadow:0 7px 22px #5369470d}.onboard-star{color:#ab8840}
.onboard-copy .eyebrow,.name-intro .eyebrow{color:#62754f}
.onboard-copy h1 em,.name-intro h1 em{color:var(--accent)}
.onboard-copy>p:last-child,.name-intro>p:last-child,.onboard-bottom>span,.name-hint{color:var(--muted)}
.onboard-dots i{background:#cbd6c3}.onboard-dots i.active{background:var(--accent)}
.name-top>.icon-button{background:var(--accent-pale)}
.name-heart{background:#eaf0e1;border-color:#d6e1cd;color:#7d8455}
.name-screen label{color:var(--ink)}
[data-theme=sage] .name-screen input{background:var(--paper)!important;border-color:#bacab0!important}

/* A softer, playful stationery feel. */
:root,[data-theme=sage]{--bg:#fff9f2;--panel:#f9eee4;--paper:#fffdf9;--ink:#493e3a;--muted:#80716a;--line:#eedfd3;--accent:#ad6250;--accent-dark:#914b3b;--accent-pale:#f7e3d8;--sage:#78927a;--shadow:0 7px 22px #a16e4810}
body{background:radial-gradient(ellipse at 0% 0%,#fbe9dc80,transparent 45%),var(--bg)}
.page-header .eyebrow{font-size:11px;letter-spacing:.2px;font-weight:500;color:#a26855;margin-bottom:9px}
.page-header h1{font-weight:600}
.notification{background:#f7e5d6;color:#a6734d;border:1px solid #f0d9c5;border-radius:14px;transform:rotate(5deg)}
.welcome-banner{background:radial-gradient(ellipse at 100% 0%,#ffefd1,transparent 65%),linear-gradient(115deg,#f9e0d5,#faebdd);border-color:#f0d6c7;border-radius:25px 25px 48px 25px;box-shadow:0 6px 20px #b98a6610}
.welcome-banner h2{color:#674739;font-weight:500}.welcome-banner p,.tiny-title{color:#886855}.tiny-title{letter-spacing:.8px}
.welcome-banner>.botanical{color:#bd8d68;opacity:.45}.banner-spark{color:#b1803d}
.welcome-banner:after{content:'♡';position:absolute;right:33px;top:25px;font:27px var(--serif);color:#c68b76;transform:rotate(14deg)}
.section-heading h2>span{background:#f5e3d6;color:#9a6450}
.chip{background:#fffdf9;border-color:#eddfd2}.chip.selected{background:var(--accent);color:#fffdf9}
article.event-card.event-card{background:linear-gradient(115deg,#fffdf9,#fff8ed);border-color:#eedec9;border-radius:22px;box-shadow:0 5px 16px #9e69480a}
article.event-card.concert{background:linear-gradient(115deg,#fffdf9,#edf6f8);border-color:#dce9eb}
article.event-card.exam{background:linear-gradient(115deg,#fffdf9,#fff0e9);border-color:#f0ddd1}
article.event-card.appointment{background:linear-gradient(115deg,#fffdf9,#f3effa);border-color:#e7dfef}
article.event-card.other{background:linear-gradient(115deg,#fffdf9,#f1f4e9);border-color:#e2e7d7}
.event-card .category-icon{border-radius:12px;transform:rotate(5deg);background:color-mix(in srgb,var(--event-accent) 12%,#fffdf9)}
.event-card .countdown{color:#705748;font-weight:500}
.event-card .event-footer{color:#82756c}.event-card .event-menu summary{color:#947b6f}
.primary,.fab{box-shadow:0 6px 16px #ad625022}.fab{border-radius:19px}
.calendar-panel,.form-panel{border-radius:23px;box-shadow:0 6px 22px #ac7d4f08}
.repeat-option{background:#f8eee4}.toggle-track{background:#d7ccc0}
.notice-banner{background:#faeadd}.onboarding{background:radial-gradient(ellipse at 50% 28%,#f9e4cf,transparent 65%)}
.onboard-brand{color:#8c5f49}.orbit{border-color:#cba88d50}.onboard-botanical .botanical{color:#ac8c66}
.orbit-symbol{background:#fffaf3;border-color:#eed9c4;box-shadow:0 8px 20px #a9755010}.onboard-star{color:#b18544}
.onboard-copy .eyebrow,.name-intro .eyebrow{color:#9a7058}.onboard-dots i{background:#e7cfc0}
.name-heart{background:#fae5d9;border-color:#f0d4c3;color:#af7762}.name-top>.icon-button{background:#f7eadd}
[data-theme=sage] .name-screen input{border-color:#e6cebb!important}
.gentle-note>.icon{color:#bd8071}.gentle-note>span{color:#a37160}
.inspiration:after{background:linear-gradient(#fff1e2f0,#fff1e2a0 50%,transparent)}

/* Vanilla, strawberry milk and tiny floral details. */
:root,[data-theme=sage]{--bg:#fff9f5;--panel:#fbede8;--paper:#fffdfb;--ink:#55413f;--muted:#88716e;--line:#f0dfd9;--accent:#ad6679;--accent-dark:#914d62;--accent-pale:#f9e4e9}
body{background:radial-gradient(ellipse at 5% 0%,#ffe9e980,transparent 45%),var(--bg)}
.page-header .eyebrow{color:#ad7480}.notification{background:#fbe6eb;color:#ad6679;border-color:#f4d8e1;border-radius:16px}
.welcome-banner{background:radial-gradient(ellipse at 100% 0%,#fff1ce,transparent 70%),linear-gradient(115deg,#fbdfe7,#fff0e1);border-color:#f4dce1;border-radius:29px 29px 52px 29px;box-shadow:0 8px 22px #ce8e9810}
.welcome-banner h2{color:#794f59}.welcome-banner p,.tiny-title{color:#97717a}
.welcome-banner>.botanical{color:#bf8898;opacity:.4}
.welcome-banner:after{content:'✿';right:27px;top:22px;font:38px Georgia,serif;color:#d995a6;transform:rotate(12deg)}
.banner-spark{right:76px;top:30px;color:#c79b55;font-size:23px}
.section-heading h2>span{background:#fbe2e9;color:#a55e73}
.chip{border-color:#f0dfe0;box-shadow:0 3px 8px #c6878a06}.chip.selected{background:var(--accent);border-color:var(--accent);color:white}
article.event-card.event-card{border-radius:25px;background:linear-gradient(115deg,#fffdfb,#fff4df);border-color:#f0e1c9}
article.event-card.concert{background:linear-gradient(115deg,#fffdfb,#eef5ff);border-color:#dee7f1}
article.event-card.exam{background:linear-gradient(115deg,#fffdfb,#fff0e9);border-color:#f2ddd3}
article.event-card.appointment{background:linear-gradient(115deg,#fffdfb,#f5edfc);border-color:#e9def2}
article.event-card.other{background:linear-gradient(115deg,#fffdfb,#f2f5e8);border-color:#e5e9d8}
.event-card .category-icon{border-radius:14px;box-shadow:0 3px 0 #ffffff90;transform:rotate(8deg)}
.event-card .countdown{color:#805f63}.event-card .event-menu summary{color:#a8858b}
.primary,.fab{box-shadow:0 5px 0 #914d6210,0 9px 20px #ad667919}.fab{border-radius:20px}
.calendar-panel,.form-panel{border-radius:27px}.repeat-option{background:#fbf0ed;border-radius:17px}
.toggle-track{background:#dfcfd0}.notice-banner{background:#f9e8ed;border-radius:19px}
.onboarding{background:radial-gradient(ellipse at 50% 28%,#fbe0e7,transparent 65%)}
.onboard-brand{color:#966072}.orbit{border-color:#d5a2af40}.onboard-botanical .botanical{color:#bc8a9b}
.orbit-symbol{background:#fffaf6;border-color:#f0d7df;border-radius:17px;box-shadow:0 7px 18px #ac738818}
.onboard-star{color:#c69955}.onboard-copy .eyebrow,.name-intro .eyebrow{color:#a56b7d}
.onboard-dots i{background:#eccdd7}.name-heart{background:#fbe3ec;border-color:#f1d2df;color:#b66e8a}
.name-top>.icon-button{background:#f8e8ed}.gentle-note>.icon,.gentle-note>span{color:#b67c8f}
[data-theme=sage] .name-screen input{border-color:#e8ced6!important}