/*
 * Liquid Curator — design tokens (design.md / High-End Editorial).
 * Dark palette appears twice: `html[data-lc-color-scheme="dark"]` and
 * `html[data-lc-color-scheme="auto"]` inside @media (prefers-color-scheme: dark) — keep in sync.
 */

:root {
  --lc-surface: #f8f9fb;
  --lc-surface-low: #f2f4f6;
  --lc-surface-raised: #f2f4f6;
  --lc-widget-surface: #f2f4f6;
  --lc-on-surface: #191c1e;
  --lc-primary: #3650c7;
  --lc-primary-soft: #526ae2;
  --lc-neutral: #5a5e6b;
  /* Smaller text on glass (excerpts, dates, .lc-muted): higher contrast than --lc-neutral */
  --lc-meta: #454a57;
  --lc-mesh: #6a82fb;
  --lc-glass: rgba(255, 255, 255, 0.72);
  --lc-glass-strong: rgba(255, 255, 255, 0.82);
  --lc-glass-soft: rgba(255, 255, 255, 0.62);
  /* Main column + right-sidebar widget islands: same rgba tier as --lc-glass / --lc-glass-soft (resolves with theme). */
  --lc-surface-panel: var(--lc-glass);
  --lc-surface-panel-aside: var(--lc-glass-soft);
  --lc-glass-search: rgba(255, 255, 255, 0.4);
  --lc-chip-bg: rgba(82, 106, 226, 0.12);
  --lc-radius-xl: 1.5rem;
  --lc-shadow: 0 12px 40px rgba(54, 80, 199, 0.08);
  --lc-inner-light: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  --lc-font-display: "Manrope", system-ui, -apple-system, sans-serif;
  --lc-font-body: "Inter", system-ui, -apple-system, sans-serif;
  --lc-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --lc-sidebar-w: 260px;
  --lc-aside-w: 240px;
  --lc-aside-max: min(26vw, 280px);
  --lc-space: clamp(20px, 3vw, 48px);
  --lc-max: 1200px;
  --lc-input-border: rgba(54, 80, 199, 0.14);
  --lc-highlight-bg: gold;
  --lc-highlight-color: #1a1a1a;
  --lc-input-bg: rgba(255, 255, 255, 0.62);
  --lc-search-focus-bg: rgba(255, 255, 255, 0.72);
  --lc-placeholder: rgba(69, 74, 87, 0.78);
  --lc-elevated: rgba(255, 255, 255, 0.52);
  --lc-pill-bg: rgba(255, 255, 255, 0.55);
  --lc-border-divider: rgba(54, 80, 199, 0.1);
  --lc-thread-border: rgba(54, 80, 199, 0.18);
  --lc-reply-title-bg: rgba(255, 255, 255, 0.55);
  --lc-reply-title-border: rgba(54, 80, 199, 0.12);
  --lc-brand-mark-border: rgba(255, 255, 255, 0.55);
  --lc-brand-mark-bg: rgba(255, 255, 255, 0.55);
  --lc-mesh-blob-opacity: 0.55;
  --lc-focus-ring: rgba(54, 80, 199, 0.28);
  --lc-island-bg: rgba(255, 255, 255, 0.42);
  --lc-color-switch-track: rgba(0, 0, 0, 0.07);
  --lc-postnav-card-bg: var(--lc-elevated);
  --lc-postnav-hover-ring: rgba(54, 80, 199, 0.2);
  --lc-postnav-wrap-border: rgba(54, 80, 199, 0.1);
  --lc-list-row-hover: rgba(54, 80, 199, 0.045);
}

html[data-lc-color-scheme="light"] {
  color-scheme: light;
}

html[data-lc-color-scheme="auto"] {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  html[data-lc-color-scheme="auto"] {
    --lc-surface: #0f1115;
    --lc-surface-low: #151a22;
    --lc-surface-raised: #151a22;
    --lc-widget-surface: #151a22;
    --lc-on-surface: #e8eaef;
    --lc-neutral: #9aa3b2;
    --lc-meta: #b8c0ce;
    --lc-mesh: #5c6fd4;
    --lc-glass: rgba(22, 27, 38, 0.82);
    --lc-glass-strong: rgba(30, 36, 50, 0.9);
    --lc-glass-soft: rgba(28, 34, 48, 0.78);
    --lc-glass-search: rgba(18, 22, 32, 0.72);
    --lc-chip-bg: rgba(108, 132, 255, 0.2);
    --lc-shadow: 0 14px 44px rgba(0, 0, 0, 0.45);
    --lc-inner-light: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
    --lc-input-border: rgba(255, 255, 255, 0.12);
    --lc-input-bg: rgba(255, 255, 255, 0.06);
    --lc-search-focus-bg: rgba(255, 255, 255, 0.1);
    --lc-placeholder: rgba(200, 208, 220, 0.72);
    --lc-elevated: rgba(255, 255, 255, 0.06);
    --lc-pill-bg: rgba(255, 255, 255, 0.08);
    --lc-border-divider: rgba(255, 255, 255, 0.1);
    --lc-thread-border: rgba(120, 140, 255, 0.35);
    --lc-reply-title-bg: rgba(255, 255, 255, 0.08);
    --lc-reply-title-border: rgba(255, 255, 255, 0.12);
    --lc-brand-mark-border: rgba(255, 255, 255, 0.12);
    --lc-brand-mark-bg: rgba(255, 255, 255, 0.08);
    --lc-mesh-blob-opacity: 0.32;
    --lc-focus-ring: rgba(140, 160, 255, 0.35);
    --lc-island-bg: rgba(255, 255, 255, 0.055);
    --lc-color-switch-track: rgba(255, 255, 255, 0.1);
    --lc-postnav-card-bg: rgba(255, 255, 255, 0.1);
    --lc-postnav-hover-ring: rgba(150, 175, 255, 0.42);
    --lc-postnav-wrap-border: rgba(255, 255, 255, 0.12);
    --lc-list-row-hover: rgba(255, 255, 255, 0.04);
    --lc-highlight-bg: #c01b05;
    --lc-highlight-color: #ffffff;
  }
}

html[data-lc-color-scheme="dark"] {
  --lc-surface: #0f1115;
  --lc-surface-low: #151a22;
  --lc-surface-raised: #151a22;
  --lc-widget-surface: #151a22;
  --lc-on-surface: #e8eaef;
  --lc-neutral: #9aa3b2;
  --lc-meta: #b8c0ce;
  --lc-mesh: #5c6fd4;
  --lc-glass: rgba(22, 27, 38, 0.82);
  --lc-glass-strong: rgba(30, 36, 50, 0.9);
  --lc-glass-soft: rgba(28, 34, 48, 0.78);
  --lc-glass-search: rgba(18, 22, 32, 0.72);
  --lc-chip-bg: rgba(108, 132, 255, 0.2);
  --lc-shadow: 0 14px 44px rgba(0, 0, 0, 0.45);
  --lc-inner-light: inset 0 0 0 1px rgba(255, 255, 255, 0.07);
  --lc-input-border: rgba(255, 255, 255, 0.12);
  --lc-input-bg: rgba(255, 255, 255, 0.06);
  --lc-search-focus-bg: rgba(255, 255, 255, 0.1);
  --lc-placeholder: rgba(200, 208, 220, 0.72);
  --lc-elevated: rgba(255, 255, 255, 0.06);
  --lc-pill-bg: rgba(255, 255, 255, 0.08);
  --lc-border-divider: rgba(255, 255, 255, 0.1);
  --lc-thread-border: rgba(120, 140, 255, 0.35);
  --lc-reply-title-bg: rgba(255, 255, 255, 0.08);
  --lc-reply-title-border: rgba(255, 255, 255, 0.12);
  --lc-brand-mark-border: rgba(255, 255, 255, 0.12);
  --lc-brand-mark-bg: rgba(255, 255, 255, 0.08);
  --lc-mesh-blob-opacity: 0.32;
  --lc-focus-ring: rgba(140, 160, 255, 0.35);
  --lc-island-bg: rgba(255, 255, 255, 0.055);
  --lc-color-switch-track: rgba(255, 255, 255, 0.1);
  --lc-postnav-card-bg: rgba(255, 255, 255, 0.1);
  --lc-postnav-hover-ring: rgba(150, 175, 255, 0.42);
  --lc-postnav-wrap-border: rgba(255, 255, 255, 0.12);
  --lc-list-row-hover: rgba(255, 255, 255, 0.04);
  --lc-highlight-bg: #c01b05;
  --lc-highlight-color: #ffffff;
  color-scheme: dark;
}