/* Selected palette: blue + turquoise. Colors only; keep existing layout and typography. */
html[data-theme="ocean"]{--ink:#12314a;--muted:#536d7d;--purple:#096abd;--purple-dark:#065293;--paper:#f6fbff;--line:#cfe0ed;--lavender:#dceaff;--mint:#cbf5e7;--peach:#ffeeb4;--accent:#7ce3bd;--blob:#bceee8;--soft:#e0f4fa;--glow:#096abd24;--art-start:#103d80;--art-end:#087b89;--art-highlight:#95ffe1;--art-detail:#a1e4ee}
html[data-theme="ocean"] body{background:radial-gradient(ellipse 720px 600px at 95% 0,var(--soft),transparent 85%),var(--paper)}
html[data-theme="ocean"] .hero-description,html[data-theme="ocean"] .section-heading p,html[data-theme="ocean"] .program-inner p,html[data-theme="ocean"] .parents-copy>p,html[data-theme="ocean"] .demo-section p,html[data-theme="ocean"] .price-copy p{color:var(--muted)}
html[data-theme="ocean"] .eyebrow,html[data-theme="ocean"] .site-header nav a{color:var(--purple-dark)}
html[data-theme="ocean"] .brand-mark{box-shadow:0 6px 18px var(--glow)}
html[data-theme="ocean"] .button.primary{background:linear-gradient(120deg,var(--purple),var(--purple-dark));box-shadow:0 8px 24px var(--glow)}
html[data-theme="ocean"] .button.dark{background:var(--ink)}
html[data-theme="ocean"] .marker:after{background:var(--accent)}
html[data-theme="ocean"] .hero-visual:before{background:radial-gradient(circle at 30% 30%,var(--soft),var(--blob))}
html[data-theme="ocean"] .orbit{border-color:var(--purple);opacity:.2}
html[data-theme="ocean"] .math-deco,html[data-theme="ocean"] .deco-star{color:var(--purple);opacity:.7}
html[data-theme="ocean"] .lesson-preview,html[data-theme="ocean"] .floating-label,html[data-theme="ocean"] .parent-preview,html[data-theme="ocean"] .demo-card,html[data-theme="ocean"] .price-card{border-color:var(--line);box-shadow:0 14px 45px var(--glow)}
html[data-theme="ocean"] .mini-mark,html[data-theme="ocean"] .badge.lilac,html[data-theme="ocean"] .preview-meta>span:last-child,html[data-theme="ocean"] .grade-pill.active{background:var(--lavender);color:var(--purple-dark)}
html[data-theme="ocean"] .preview-progress span{background:var(--purple)}
html[data-theme="ocean"] .preview-progress .faint{background:var(--line)}
html[data-theme="ocean"] .sample-answer{border-color:#76b57c;background:#f2ffeb;color:#365c31}
html[data-theme="ocean"] .green-dot{background:#4b8d27}
html[data-theme="ocean"] .hero-subjects span{background:white;border-color:var(--line);color:var(--purple-dark)}
html[data-theme="ocean"] .feature-top,html[data-theme="ocean"] .feature p{color:var(--ink)}
html[data-theme="ocean"] .level-track b,html[data-theme="ocean"] .skill-badges span{border-color:var(--line);color:var(--purple-dark)}
html[data-theme="ocean"] .program-section{background:var(--soft)}
html[data-theme="ocean"] .grade-number,html[data-theme="ocean"] .grade-row>.icon{color:var(--purple)}
html[data-theme="ocean"] .chart-bars .bar{background:var(--purple)}
html[data-theme="ocean"] .chart-bars .b1{opacity:.22}html[data-theme="ocean"] .chart-bars .b2{opacity:.34}html[data-theme="ocean"] .chart-bars .b3{opacity:.46}html[data-theme="ocean"] .chart-bars .b4{opacity:.58}html[data-theme="ocean"] .chart-bars .b5{opacity:.7}html[data-theme="ocean"] .chart-bars .b6{opacity:.85}
html[data-theme="ocean"] .closing{background:linear-gradient(115deg,var(--art-start),var(--art-end));color:white}
html[data-theme="ocean"] .closing .eyebrow{color:#ffffffd9}
html[data-theme="ocean"] .closing .button.dark{background:white;color:var(--purple-dark)}
html[data-theme="ocean"] .closing-art{color:var(--art-detail);opacity:.3}
html[data-theme="ocean"] .auth-art{background:radial-gradient(ellipse at 100% 100%,#ffffff18,transparent 65%),linear-gradient(155deg,var(--art-start),var(--art-end));color:white}
html[data-theme="ocean"] .auth-art .brand,html[data-theme="ocean"] .auth-art h1{color:white}
html[data-theme="ocean"] .auth-art .brand-mark{background:white;color:var(--purple-dark)}
html[data-theme="ocean"] .auth-art h1 span{color:var(--art-highlight)}
html[data-theme="ocean"] .auth-art p,html[data-theme="ocean"] .auth-art .eyebrow,html[data-theme="ocean"] .auth-art>small{color:#ffffffe6}
html[data-theme="ocean"] .auth-math{color:var(--art-detail)}
html[data-theme="ocean"] .auth-main{background:radial-gradient(ellipse at 100% 0,var(--soft),transparent 70%),var(--paper)}
html[data-theme="ocean"] .auth-card .eyebrow{color:var(--purple-dark)}
html[data-theme="ocean"] .auth-card input{border-color:var(--line)}
html[data-theme="ocean"] .segmented{background:var(--soft)}
html[data-theme="ocean"] .segmented button.active{color:var(--purple-dark);box-shadow:0 3px 12px var(--glow)}
html[data-theme="ocean"] a:focus-visible,html[data-theme="ocean"] button:focus-visible{outline-color:var(--purple)}