/* Visual layer only. Palette choice remains the existing account preference. */
body{--art-paper:var(--wash);--art-detail:var(--soft);--hero-start:var(--wash);--hero-end:var(--surface);--button-ink:#fff;--lift:0 3px 12px #20264408}
body.blue{--accent:#4c58d3;--page:#f5f7ff;--surface:#fff;--ink:#202644;--muted:#555d7b;--wash:#edf0ff;--soft:#d5dcfa;--line:#e0e5f3;--hero-start:#e5eaff;--hero-end:#f1f6ff;--art-paper:#fff;--art-detail:#36988f}
body.rose{--accent:#885074;--page:#fcf7f5;--surface:#fffcfa;--ink:#392b3b;--muted:#725d6e;--wash:#f5e7ee;--soft:#ecd3df;--line:#eadde2;--hero-start:#f4dfe8;--hero-end:#fbf0e7;--art-paper:#fffaf2;--art-detail:#d5a880}
body.blue[data-display=dark]{--page:#13172d;--surface:#1e2440;--ink:#eff1ff;--muted:#b9c2e1;--accent:#b3bfff;--wash:#2d365c;--soft:#44517c;--line:#394365;--hero-start:#303d70;--hero-end:#252d4d;--art-paper:#414f83;--art-detail:#78dcd1;--button-ink:#202644}
body.rose[data-display=dark]{--page:#241a25;--surface:#332633;--ink:#fbecf3;--muted:#d3bacb;--accent:#edb5d0;--wash:#4b3445;--soft:#694a60;--line:#574252;--hero-start:#58394d;--hero-end:#3f2e37;--art-paper:#725069;--art-detail:#e8bc98;--button-ink:#392b3b}
.card{border-radius:22px;border-color:var(--line);background:var(--surface);box-shadow:var(--lift)}
.sidebar{background:var(--surface)}.sidebar nav a[aria-current],.rose .sidebar nav a[aria-current]{background:var(--wash);color:var(--accent)}
.today-primary{position:relative;isolation:isolate;min-height:192px;padding:26px 180px 26px 26px;background:linear-gradient(115deg,var(--hero-start),var(--hero-end));border-color:var(--soft);box-shadow:0 5px 0 var(--wash);overflow:hidden}
.today-primary h2{font-size:24px;font-weight:650}.today-primary p{color:var(--ink);max-width:44ch}.profile-art{position:absolute;right:15px;top:50%;width:160px;transform:translateY(-50%);pointer-events:none;color:var(--accent)}.profile-art svg{display:block;width:100%;height:auto}
.type-icon{width:24px;height:24px;flex-shrink:0}.support-type{display:flex;align-items:center;gap:9px;color:var(--accent);font-size:13px;font-weight:600}.support-type .type-icon{box-sizing:content-box;padding:9px;border-radius:13px;background:var(--wash)}
.support-card,.saved-support{border-inline-start:3px solid var(--soft);color:var(--ink)}.support-card h3,.saved-support h3{font-size:17px;line-height:1.45;margin:12px 0 6px;overflow-wrap:anywhere}
.folder-card>.type-icon{color:var(--accent);margin-bottom:8px;display:block}.folder-card{border-radius:20px;background:var(--surface);box-shadow:var(--lift)}
.course-card{border-top-color:var(--soft)!important}.lesson-row{box-shadow:none}.empty{border-style:solid;background:var(--wash);box-shadow:none}.empty>.type-icon{display:block;color:var(--accent);width:32px;height:32px;margin-bottom:12px}
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}h3{font-weight:600}.tutor-badge{background:var(--wash);color:var(--accent)}
button,.button{transition:background-color 150ms,transform 150ms,box-shadow 150ms;color:var(--button-ink);box-shadow:0 2px 0 #0000000c}button.secondary,.button.secondary,.text-button{color:var(--accent);box-shadow:none}button:disabled{transform:none;box-shadow:none;cursor:not-allowed}
a.card{transition:transform 150ms,border-color 150ms,box-shadow 150ms}a.card:hover{text-decoration:none;border-color:var(--accent)}
@media(hover:hover){a.card:hover{transform:translateY(-2px)}button:not(:disabled):hover,.button:hover{filter:brightness(.97)}}button:not(:disabled):active,.button:active{transform:translateY(1px)}
:where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
body .folder-tabs a[aria-current],body.rose .folder-tabs a[aria-current]{background:var(--wash);color:var(--ink);border-bottom:3px solid var(--accent)}
@media(max-width:600px){.today-primary{min-height:0;padding:21px}.today-primary .profile-art{display:none}.today-primary h2{font-size:22px}.card{border-radius:20px}.support-card h3{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}a.card:hover,button:active,.button:active{transform:none!important}}
/* Replace the former typographic folder mark with the shared SVG. */
.folder-card .eyebrow::before{content:none}
@media(max-width:850px){.folder-card>.type-icon{margin:0}.folder-card .eyebrow{display:none}}
.folder-action-buttons button{display:flex;align-items:center;gap:9px}.folder-action-buttons .type-icon{width:20px;height:20px}
body:not(.blue):not(.rose)[data-display=dark]{--button-ink:#202438}