/* theme-classic.css — plain, clean modern redesign of the original site. No serif, no gradient. */

[data-theme-pack="classic"] {
  --max: 1100px;
  --orange: #f1770a;
  --blue: #4a2ff3;
  --ink: #1c1c1c;
  --muted: #666666;
  --paper: #ffffff;
  --bg: #f4f5f7;
  --line: #e2e4e9;
  --card-bg: #fafbfc;
  --tint: #fff7ef;
  color-scheme: light;
  /* Chart colors validated separately from --orange/--blue (dataviz skill's
     validate_palette.js) — the UI's brighter dark-mode --orange fails the
     chart lightness band, so charts get their own dedicated values below. */
  --chart-series-1: #f1770a;
  --chart-series-2: #4a2ff3;
  --chart-grid: var(--line);
  --chart-axis: var(--muted);
}

[data-theme-pack="classic"][data-mode="dark"] {
  --ink: #eef0f2;
  --muted: #a2a9b4;
  --paper: #1c1f24;
  --bg: #15171b;
  --line: #2c3038;
  --card-bg: #21252b;
  --tint: #2a2013;
  --orange: #ff9a3d;
  --blue: #8b9bff;
  color-scheme: dark;
  --chart-series-1: #cc6008; /* darker than light-mode value — dark band is narrower (validator) */
}

[data-theme-pack="classic"] body {
  background: var(--bg); color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55;
}
[data-theme-pack="classic"] .content h1 { font-size: clamp(1.5rem, 3vw, 2rem); margin-top: 0; }
[data-theme-pack="classic"] .page-hero h1 { font-size: clamp(1.6rem, 3vw, 2.1rem); }
[data-theme-pack="classic"] .content h2 { margin-top: 2rem; }

/* Header */
[data-theme-pack="classic"] .site-header { background: var(--paper); border-bottom: 1px solid var(--line); }
[data-theme-pack="classic"] .logo__wordmark { display: none; }
[data-theme-pack="classic"] .logo__image { max-height: 56px; }

[data-theme-pack="classic"] .nav-icon { display: none; }
[data-theme-pack="classic"] .site-nav > ul > li > a,
[data-theme-pack="classic"] .site-nav summary {
  color: var(--ink); font-weight: 600; border-radius: 6px;
}
[data-theme-pack="classic"] .site-nav summary::after { content: " ▾"; font-size: 0.7em; }
[data-theme-pack="classic"] .site-nav > ul > li > a:hover,
[data-theme-pack="classic"] .site-nav summary:hover,
[data-theme-pack="classic"] .site-nav > ul > li > a[aria-current="page"] {
  background: var(--bg); color: var(--orange);
}
[data-theme-pack="classic"] .site-nav details[open] summary { background: var(--bg); color: var(--orange); }
[data-theme-pack="classic"] .dropdown { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
[data-theme-pack="classic"] .dropdown li a { color: var(--ink); border-radius: 6px; }
[data-theme-pack="classic"] .dropdown li a:hover { background: var(--bg); color: var(--orange); }
[data-theme-pack="classic"] .dropdown .nav-heading { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--muted); }

[data-theme-pack="classic"] .theme-switcher-toggle { border: 1px solid var(--line); background: var(--paper); color: var(--ink); border-radius: 6px; font-weight: 600; }
[data-theme-pack="classic"] .theme-switcher-toggle:hover { border-color: var(--orange); color: var(--orange); }

/* Theme switcher panel */
[data-theme-pack="classic"] .theme-switcher { background: var(--paper); border-bottom: 1px solid var(--line); }
[data-theme-pack="classic"] .theme-switcher__label { margin: 0; color: var(--muted); font-size: 0.9rem; }
[data-theme-pack="classic"] .theme-option { border: 1px solid var(--line); background: var(--bg); color: var(--ink); border-radius: 8px; font-weight: 600; }
[data-theme-pack="classic"] .theme-option:hover { border-color: var(--orange); }
[data-theme-pack="classic"] .theme-option__hint { color: var(--muted); font-size: 0.75rem; font-weight: 400; }

/* Hero — simple, no glow, no big gradient */
[data-theme-pack="classic"] .page-hero { background: var(--paper); border-bottom: 1px solid var(--line); }
[data-theme-pack="classic"] .page-hero__glow { display: none; }
[data-theme-pack="classic"] .kicker { color: var(--orange); font-weight: 700; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; margin: 0 0 0.5rem; }
[data-theme-pack="classic"] .lede { color: var(--muted); font-size: 1.1rem; margin-top: 0.5rem; }

/* Sidebar ad column on wide screens */
@media (min-width: 900px) {
  [data-theme-pack="classic"] .page-shell { grid-template-columns: minmax(0, 1fr) 200px; }
}

/* Content card */
[data-theme-pack="classic"] .content {
  background: var(--paper); border: 1px solid var(--line); border-radius: 10px;
  padding: 1.75rem clamp(1.25rem, 4vw, 2.5rem);
}
[data-theme-pack="classic"] .content ul, [data-theme-pack="classic"] .content ol { padding-left: 1.25rem; }
[data-theme-pack="classic"] .content img { border-radius: 6px; }
[data-theme-pack="classic"] .content a { color: var(--blue); }
[data-theme-pack="classic"] .content a:hover { color: var(--orange); }

[data-theme-pack="classic"] .notice { border-left: 4px solid var(--orange); background: var(--tint); padding: 0.9rem 1.1rem; border-radius: 0 6px 6px 0; }

[data-theme-pack="classic"] .glossary dt { font-weight: 700; padding-top: 0.9rem; }
[data-theme-pack="classic"] .glossary dd { color: var(--muted); padding-bottom: 0.9rem; border-bottom: 1px solid var(--line); }

[data-theme-pack="classic"] th, [data-theme-pack="classic"] td { border-bottom: 1px solid var(--line); }
[data-theme-pack="classic"] th { color: var(--muted); font-size: 0.78rem; text-transform: uppercase; }

[data-theme-pack="classic"] .embed { border: 1px solid var(--line); border-radius: 8px; }

[data-theme-pack="classic"] .card { border: 1px solid var(--line); border-radius: 8px; padding: 1rem; background: var(--card-bg); }
[data-theme-pack="classic"] .stat { border: 1px solid var(--line); border-radius: 8px; padding: 1rem; text-align: center; background: var(--card-bg); }
[data-theme-pack="classic"] .stat strong { display: block; font-size: 1.5rem; color: var(--orange); }
[data-theme-pack="classic"] .stat span { font-size: 0.8rem; color: var(--muted); }

[data-theme-pack="classic"] .btn { padding: 0.6rem 1.1rem; border: none; border-radius: 6px; font-weight: 600; }
[data-theme-pack="classic"] .btn--primary,
[data-theme-pack="classic"] .btn:not(.btn--ghost) { background: var(--orange); color: #fff; }
[data-theme-pack="classic"] .btn--primary:hover,
[data-theme-pack="classic"] .btn:not(.btn--ghost):hover { filter: brightness(0.9); }
[data-theme-pack="classic"] .btn--ghost { background: transparent; color: var(--ink); border: 1px solid var(--line); }
[data-theme-pack="classic"] .btn--ghost:hover { background: var(--bg); }
[data-theme-pack="classic"] .spark { display: none; }

[data-theme-pack="classic"] .pill { border: 1px solid var(--line); border-radius: 999px; padding: 0.25rem 0.7rem; font-size: 0.75rem; color: var(--muted); }
[data-theme-pack="classic"] .pill--stand { color: var(--orange); border-color: var(--orange); }

/* Charts */
[data-theme-pack="classic"] .chart-bar { fill: var(--chart-series-1); }
[data-theme-pack="classic"] .chart-line--1 { stroke: var(--chart-series-1); }
[data-theme-pack="classic"] .chart-line--2 { stroke: var(--chart-series-2); }
[data-theme-pack="classic"] .chart-grid { stroke: var(--chart-grid); }
[data-theme-pack="classic"] .chart-axis-label { fill: var(--chart-axis); }
[data-theme-pack="classic"] .chart-crosshair { stroke: var(--muted); }
[data-theme-pack="classic"] .chart-dot { fill: var(--paper); stroke: var(--ink); stroke-width: 1.5; }
[data-theme-pack="classic"] .chart-legend { color: var(--muted); }
[data-theme-pack="classic"] .chart-legend__swatch { border-color: var(--chart-series-1); }
[data-theme-pack="classic"] .chart-legend__swatch--2 { border-color: var(--chart-series-2); }
[data-theme-pack="classic"] .chart-tooltip { background: var(--paper); color: var(--ink); border: 1px solid var(--line); box-shadow: 0 8px 24px rgba(0,0,0,0.1); border-radius: 8px; }
[data-theme-pack="classic"] .chart-picker select { background: var(--paper); color: var(--ink); border: 1px solid var(--line); border-radius: 6px; }

/* No animated chrome in this theme */
[data-theme-pack="classic"] .scroll-progress,
[data-theme-pack="classic"] .back-to-top {
  display: none;
}
[data-theme-pack="classic"] .reveal { opacity: 1; transform: none; }

/* Footer */
[data-theme-pack="classic"] .site-footer { background: var(--paper); border-top: 1px solid var(--line); }
[data-theme-pack="classic"] .site-footer__by { color: var(--muted); }
[data-theme-pack="classic"] .footer-nav a { color: var(--ink); font-weight: 600; }
[data-theme-pack="classic"] .footer-nav a:hover { color: var(--orange); }
[data-theme-pack="classic"] .footer-fineprint { color: var(--muted); font-size: 0.9rem; }

/* Cookie banner — deliberately always a dark bar, independent of page mode */
[data-theme-pack="classic"] .cookie-banner { background: #14161a; color: #f2f2f2; box-shadow: 0 -6px 24px rgba(0,0,0,0.25); }
[data-theme-pack="classic"] .cookie-banner p { font-size: 0.9rem; }
[data-theme-pack="classic"] .cookie-banner a { color: #ffb066; }
[data-theme-pack="classic"] .cookie-banner .btn--ghost { color: #f2f2f2; border-color: #444; }

[data-theme-pack="classic"] ::selection { background: var(--orange); color: #fff; }