/*
 * Liquid Curator — design tokens (design.md / High-End Editorial).
 * Auto mode removed in v1.0.58 — only light/dark now.
 */

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --lc-surface: #f9f9fb;
  --lc-surface-low: #f3f5f7;
  --lc-surface-raised: #f3f5f7;
  --lc-widget-surface: #f3f5f7;
  --lc-on-surface: #191c1e;
  --lc-primary: #4a6cf4;
  --lc-primary-soft: #6b85f5;
  --lc-neutral: #5a5e6b;
  /* Smaller text on glass (excerpts, dates, .lc-muted): higher contrast than --lc-neutral */
  --lc-meta: #454a57;
  --lc-mesh: #7c8de6;
  --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(74, 108, 244, 0.10);
  --lc-radius-xl: 1.5rem;
  --lc-shadow-sm: 0 2px 6px rgba(30, 40, 60, 0.04), 0 4px 12px rgba(30, 40, 60, 0.04);
  --lc-shadow: 0 2px 8px rgba(30, 40, 60, 0.04), 0 8px 24px rgba(30, 40, 60, 0.06), 0 24px 48px rgba(30, 40, 60, 0.04);
  --lc-shadow-lg: 0 4px 12px rgba(30, 40, 60, 0.05), 0 12px 32px rgba(30, 40, 60, 0.08), 0 32px 64px rgba(30, 40, 60, 0.06);
  --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(74, 108, 244, 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(74, 108, 244, 0.1);
  --lc-thread-border: rgba(74, 108, 244, 0.18);
  --lc-reply-title-bg: rgba(255, 255, 255, 0.55);
  --lc-reply-title-border: rgba(74, 108, 244, 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(74, 108, 244, 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(74, 108, 244, 0.2);
  --lc-postnav-wrap-border: rgba(74, 108, 244, 0.1);
  --lc-list-row-hover: rgba(74, 108, 244, 0.045);
  --lc-noise-opacity: 0.005;
  --lc-blur-main: 14px;
  --lc-blur-sidebar: 12px;
  --lc-blur-widget: 10px;
  --lc-blur-header: 12px;

  /* Hero 动画变量 */
  --lc-hero-height: 100vh;
  --lc-hero-min-height: 64px;
  --lc-hero-collapse-max-height: 88px;
  --lc-hero-progress: 0;
}

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

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: #8c9de8;
  --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(91, 124, 245, 0.15);
  --lc-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.18), 0 4px 12px rgba(0, 0, 0, 0.14);
  --lc-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.18), 0 24px 48px rgba(0, 0, 0, 0.12);
  --lc-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.25), 0 12px 32px rgba(0, 0, 0, 0.2), 0 32px 64px rgba(0, 0, 0, 0.15);
  --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(140, 160, 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;
}

html, body {
  margin: 0;
  padding: 0;
}