:root,
:root[data-theme="light"] {
  --bg: #eef3e8;
  --surface: rgba(253, 255, 255, 0.95);
  --surface-soft: rgba(243, 248, 255, 0.96);
  --surface-strong: rgba(232, 240, 250, 0.98);
  --ink: #182419;
  --muted: #516176;
  --faint: #74839a;
  --line: rgba(58, 79, 107, 0.14);
  --line-strong: rgba(39, 64, 98, 0.24);
  --sidebar: #f7fbff;
  --sidebar-2: #e9f2fb;
  --sidebar-ink: #19283d;
  --sidebar-muted: #5d6f86;
  --sidebar-soft: rgba(42, 196, 111, 0.08);
  --sidebar-soft-strong: rgba(42, 196, 111, 0.14);
  --sidebar-inset: rgba(29, 43, 62, 0.08);
  --accent: #2d7d3f;
  --accent-2: rgba(42, 196, 111, 0.1);
  --blue: #2c79c7;
  --blue-2: rgba(44, 121, 199, 0.12);
  --amber: #9b6d20;
  --amber-2: rgba(141, 99, 29, 0.13);
  --red: #a84a35;
  --red-2: rgba(168, 74, 53, 0.12);
  --shadow: 0 16px 32px rgba(18, 25, 37, 0.1);
  --shadow-soft: 0 10px 22px rgba(18, 25, 37, 0.06);
  --r: 8px;
  --r-lg: 14px;
  --sidebar-w: 286px;
  --body-gradient:
    radial-gradient(circle at top left, rgba(42, 196, 111, 0.12), transparent 28%),
    radial-gradient(circle at right center, rgba(125, 216, 255, 0.2), transparent 26%),
    linear-gradient(180deg, #f6fbff 0%, #eef5fd 42%, #e7eff9 100%);
  --section-surface:
    linear-gradient(180deg, rgba(252, 255, 255, 0.88), rgba(239, 246, 253, 0.96));
  --nav-surface: rgba(252, 255, 255, 0.92);
  --panel-translucent: rgba(251, 254, 255, 0.9);
  --art-surface:
    linear-gradient(rgba(106, 133, 168, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(106, 133, 168, 0.12) 1px, transparent 1px),
    linear-gradient(135deg, rgba(243, 249, 255, 0.96), rgba(252, 254, 255, 0.98));
  --card-glass: rgba(252, 255, 255, 0.84);
  --summary-card-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 253, 0.99)),
    linear-gradient(135deg, rgba(44, 121, 199, 0.05), transparent 52%);
  --stat-card-bg: rgba(248, 252, 255, 0.98);
  --feature-card-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(241, 247, 253, 0.98)),
    linear-gradient(135deg, rgba(42, 196, 111, 0.04), transparent 55%);
  --chip-bg: rgba(248, 252, 255, 0.86);
  --chip-border: rgba(58, 79, 107, 0.14);
  --chip-text: #536378;
  --public-ornament-a: radial-gradient(circle, rgba(42, 196, 111, 0.12), transparent 70%);
  --public-ornament-b: radial-gradient(circle, rgba(44, 121, 199, 0.12), transparent 72%);
  --theme-toggle-surface: rgba(255, 255, 255, 0.86);
  --theme-toggle-border: rgba(39, 64, 98, 0.12);
  --theme-toggle-text: #1f3044;
  --theme-toggle-muted: #607288;
  --theme-toggle-shadow: 0 10px 24px rgba(18, 25, 37, 0.08);
  color-scheme: light;
  font-synthesis-weight: none;
}