/* Classic Web is presentation-only. Keep every rule scoped to this design so Paper
   Desk, authored material and the existing layout remain unchanged. The accent
   follows each preset, with darker ink-friendly variants for the light workspace. */
html[data-design="classic"] { --classic-accent:#5657b8; }
html[data-design="classic"][data-theme="classic"] { --classic-accent:#4f46c8; }
html[data-design="classic"][data-theme="paper"] { --classic-accent:#80512f; }
html[data-design="classic"][data-theme="ocean"] { --classic-accent:#146f79; }
html[data-design="classic"][data-theme="lavender"] { --classic-accent:#7043b8; }
html[data-design="classic"][data-theme="forest"] { --classic-accent:#356d4c; }
html[data-design="classic"][data-theme="rain"] { --classic-accent:#346d9e; }
html[data-design="classic"][data-theme="autumn"] { --classic-accent:#9a5727; }
html[data-design="classic"][data-theme="rose"] { --classic-accent:#a63869; }
html[data-design="classic"][data-theme="arctic"] { --classic-accent:#136e87; }
html[data-design="classic"][data-theme="cotton_candy"] { --classic-accent:#a23d79; }

html[data-design="classic"] body {
  --classic-page:color-mix(in srgb,var(--classic-accent) 5%,#dce4ed);
  --classic-sheet:#fff;
  --paper-grain:none; --workspace-grain:none;
  --paper-desk:var(--classic-page); --paper-sheet:var(--classic-sheet);
  --paper-accent:var(--classic-accent);
  --paper-rule:transparent; --paper-contact:transparent; --paper-cast:transparent;
  --workspace-base:var(--classic-page);
  --primary:var(--classic-accent);
  --surface-alt:color-mix(in srgb,var(--primary) 6%,#edf2f7);
  --text:color-mix(in srgb,var(--primary) 12%,#17283e);
  --muted:color-mix(in srgb,var(--primary) 8%,#536177);
  --border:color-mix(in srgb,var(--primary) 20%,#c7d2df);
  --ui-panel-top:var(--surface); --ui-raised:var(--surface);
  --ui-field:color-mix(in srgb,var(--primary) 3%,white);
  --ui-rim:var(--border); --ui-bevel:0 0 transparent; --ui-surface-outline:0 0 transparent;
  --ui-shadow-rgb:28 38 60; --ui-shadow-base:.12; --ui-shadow-contact-base:.05;
  background:var(--workspace-base);
}
html[data-design="classic"] :is(.app-layout,.study-layout,.practice-test-layout,.notebook-studio) {
  background-color:var(--workspace-base);
  background-image:linear-gradient(155deg,color-mix(in srgb,var(--surface) 12%,var(--workspace-base)),var(--workspace-base) 75%);
}
html[data-design="classic"] :is(.app-ad-rail,.landing-ad-rail) { background:color-mix(in srgb,var(--primary) 5%,var(--workspace-base)); }
html[data-design="classic"] :is(.panel,.surface-panel,.metric-card,.modal,.online-collection-detail,.online-collection-hero,.column-folder,.folder-child-card,.notebook-sheet-face,.library-browser-column,.home-workspace-section,.online-deck-card,.published-deck-hero,.published-deck-details) {
  background-image:none!important; background-color:var(--surface);
  border-color:var(--border); border-radius:8px; box-shadow:var(--shadow-sm); color:var(--text);
}
html[data-design="classic"] :is(.modal-header,.study-header,.practice-test-header,.library-column-heading,.library-column-footer) {
  background:var(--surface-alt); border-color:var(--border);
}
html[data-design="classic"] :is(.home-library>summary,.home-overview-header) { background:var(--surface); }
html[data-design="classic"] :is(.home-library>summary>svg:first-child,.home-overview-title>svg) { color:var(--primary); }
html[data-design="classic"] .workspace-tabs>.active { background:var(--primary); color:#fff; }

/* Each Classic preset has six coordinated action colors. These belong to task
   buttons only; user-created .board-note colors and Paper Desk are independent. */
html[data-design="classic"],
html[data-design="classic"][data-theme="midnight"] {
  --classic-task-notes:#87602c;
  --classic-task-study:#5757a8;
  --classic-task-create:#276d70;
  --classic-task-record:#934967;
  --classic-task-test:#705084;
  --classic-task-import:#426789;
}
html[data-design="classic"][data-theme="classic"] {
  --classic-task-notes:#856220;
  --classic-task-study:#3b61a5;
  --classic-task-create:#376e52;
  --classic-task-record:#a14c43;
  --classic-task-test:#72509b;
  --classic-task-import:#426b78;
}
html[data-design="classic"][data-theme="paper"] {
  --classic-task-notes:#8c5f30;
  --classic-task-study:#496780;
  --classic-task-create:#626c3c;
  --classic-task-record:#a14f3f;
  --classic-task-test:#7b516e;
  --classic-task-import:#655044;
}
html[data-design="classic"][data-theme="ocean"] {
  --classic-task-notes:#816237;
  --classic-task-study:#325d91;
  --classic-task-create:#1e726f;
  --classic-task-record:#9e5147;
  --classic-task-test:#655a95;
  --classic-task-import:#606d35;
}
html[data-design="classic"][data-theme="lavender"] {
  --classic-task-notes:#826034;
  --classic-task-study:#764ca1;
  --classic-task-create:#3b7071;
  --classic-task-record:#984d70;
  --classic-task-test:#475a91;
  --classic-task-import:#606c34;
}
html[data-design="classic"][data-theme="forest"] {
  --classic-task-notes:#7a6632;
  --classic-task-study:#356d4c;
  --classic-task-create:#326d86;
  --classic-task-record:#9c5439;
  --classic-task-test:#795376;
  --classic-task-import:#505995;
}
html[data-design="classic"][data-theme="rain"] {
  --classic-task-notes:#84604a;
  --classic-task-study:#3e6591;
  --classic-task-create:#327074;
  --classic-task-record:#925569;
  --classic-task-test:#675781;
  --classic-task-import:#616c3a;
}
html[data-design="classic"][data-theme="autumn"] {
  --classic-task-notes:#846227;
  --classic-task-study:#a15335;
  --classic-task-create:#596d38;
  --classic-task-record:#963e56;
  --classic-task-test:#76547e;
  --classic-task-import:#66513d;
}
html[data-design="classic"][data-theme="rose"] {
  --classic-task-notes:#835f3f;
  --classic-task-study:#a13c6b;
  --classic-task-create:#3e7167;
  --classic-task-record:#a35144;
  --classic-task-test:#755298;
  --classic-task-import:#466786;
}
html[data-design="classic"][data-theme="arctic"] {
  --classic-task-notes:#7b623b;
  --classic-task-study:#316b91;
  --classic-task-create:#26736c;
  --classic-task-record:#935468;
  --classic-task-test:#655899;
  --classic-task-import:#526574;
}
html[data-design="classic"][data-theme="cotton_candy"] {
  --classic-task-notes:#9a5540;
  --classic-task-study:#9b4778;
  --classic-task-create:#3d6c95;
  --classic-task-record:#7856a1;
  --classic-task-test:#337161;
  --classic-task-import:#766040;
}
html[data-design="classic"] .paper-sticky { --classic-task:var(--classic-task-study); --classic-task-fill:color-mix(in srgb,var(--classic-task) 82%,#8a8e94); }
html[data-design="classic"] .paper-sticky[data-paper-color="yellow"] { --classic-task:var(--classic-task-notes); }
html[data-design="classic"] .paper-sticky[data-paper-color="green"] { --classic-task:var(--classic-task-create); }
html[data-design="classic"] .paper-sticky[data-paper-color="rose"] { --classic-task:var(--classic-task-record); }
html[data-design="classic"] .paper-sticky[data-paper-color="purple"] { --classic-task:var(--classic-task-test); }
html[data-design="classic"] .paper-sticky[data-create="import"] { --classic-task:var(--classic-task-import); }
html[data-design="classic"] :is(.paper-sticky,.notebook-sheet) { transform:none!important; rotate:none; clip-path:none; filter:none; }
html[data-design="classic"] :is(.paper-sticky,.notebook-sheet,.column-folder,.folder-child-card)::before,
html[data-design="classic"] :is(.paper-sticky,.notebook-sheet,.column-folder,.folder-child-card)::after { display:none; }
html[data-design="classic"] .sticky-note-face {
  background:linear-gradient(150deg,var(--classic-task-fill),color-mix(in srgb,var(--classic-task-fill) 90%,black))!important;
  border:1px solid color-mix(in srgb,var(--classic-task-fill) 80%,black);
  border-radius:8px; box-shadow:var(--shadow-sm); transform:none!important; clip-path:none; color:#fff;
}
html[data-design="classic"] .sticky-note-face :is(strong,small,span) { color:#fff; }
html[data-design="classic"] .sticky-note-face>svg { color:#fff; opacity:1; }
html[data-design="classic"] .paper-sticky:hover:not(:disabled) .sticky-note-face {
  background:color-mix(in srgb,var(--classic-task-fill) 86%,black)!important;
  border-color:var(--classic-task-fill); box-shadow:var(--shadow-md);
}
html[data-design="classic"] .paper-sticky:focus-visible { outline-color:var(--primary); }
html[data-design="classic"] .paper-sticky:active:not(:disabled) .sticky-note-face { box-shadow:inset 0 2px 4px rgb(var(--ui-shadow-rgb) / .12); }
html[data-design="classic"] .sticky-note-face::before,
html[data-design="classic"] .sticky-note-face::after,
html[data-design="classic"] .notebook-sheet-face::after { display:none; }
html[data-design="classic"] .notebook-holes { visibility:hidden; }

/* Separate action hierarchy from the page surfaces, including hover/pressed states. */
html[data-design="classic"] :is(.button,.theme-choice) { background-image:none!important; border-radius:6px; }
html[data-design="classic"] .button.primary {
  background:var(--ui-button-fill); color:var(--ui-button-ink); border-color:var(--ui-button-fill); box-shadow:var(--shadow-sm);
}
html[data-design="classic"] .button.secondary {
  background:var(--surface-alt); color:color-mix(in srgb,var(--primary) 75%,var(--text));
  border-color:color-mix(in srgb,var(--primary) 55%,var(--surface)); box-shadow:0 1px 2px rgb(var(--ui-shadow-rgb) / var(--ui-shadow-close));
}
html[data-design="classic"] .button.primary:hover:not(:disabled) { background:color-mix(in srgb,var(--ui-button-fill) 90%,black); box-shadow:var(--shadow-md); }
html[data-design="classic"] .button.secondary:hover:not(:disabled) { background:color-mix(in srgb,var(--primary) 13%,var(--surface)); border-color:var(--primary); box-shadow:var(--shadow-sm); }
html[data-design="classic"] .button:is(.primary,.secondary):active:not(:disabled) { box-shadow:inset 0 2px 4px rgb(var(--ui-shadow-rgb) / .15); }
html[data-design="classic"] .button:disabled { box-shadow:none; }
html[data-design="classic"] .theme-choice { box-shadow:var(--shadow-sm); }
html[data-design="classic"] .column-folder.is-selected { background:var(--surface-alt); border-color:var(--primary); }
html[data-design="classic"] .column-folder :is(small,.text-button) { color:var(--muted); }
html[data-design="classic"] .folder-needs-cards { background:#fff4d8; color:#795011; border-color:#c99c45; }

/* Both populated and introductory study panels have paper background shorthands.
   Give both states an opaque content surface instead of exposing the page behind. */
html[data-design="classic"] .home-dashboard .home-study-row>.dashboard-panel { background:var(--surface); }

/* Color alone distinguishes navigation, study workload and preparation. */
html[data-design="classic"] .app-sidebar .sidebar-link.active { background:var(--classic-accent); color:#fff; border-color:color-mix(in srgb,var(--classic-accent) 70%,white); }
html[data-design="classic"] .app-sidebar .sidebar-link.active svg { color:#fff; }
html[data-design="classic"] .home-daily-plan h2 { color:var(--primary); }
html[data-design="classic"] .home-preparation h2,
html[data-design="classic"] .home-preparation .text-button,
html[data-design="classic"] .home-preparation-summary strong { color:#176e68; }
html[data-design="classic"] .home-plan-counts [data-view-today]:nth-child(1) strong { color:#a33f53; }
html[data-design="classic"] .home-plan-counts [data-view-today]:nth-child(2) strong { color:#176e68; }
html[data-design="classic"] .home-plan-counts [data-view-today]:nth-child(3) strong { color:var(--primary); }