/**
 * 浅色 Glass SaaS 视觉套：对应换肤设计文档「旧值」列（外网初始白/浅灰 + 蓝色 accent）。
 * 由 html[data-visual-theme="light"] 激活；:root 深色令牌保持不变。
 */
[data-visual-theme='light'] {
  color-scheme: light;

  --glass-bg-canvas: #e0e2e6;
  --glass-bg-surface: rgba(255, 255, 255, 0.88);
  --glass-bg-surface-strong: rgba(255, 255, 255, 0.94);
  --glass-bg-surface-modal: rgba(255, 255, 255, 0.97);
  --glass-bg-muted: rgba(255, 255, 255, 0.86);
  --glass-bg-nav: rgba(255, 255, 255, 0.96);
  --glass-text-primary: #0a0a0a;
  --glass-text-secondary: #111827;
  --glass-text-tertiary: #4b5563;
  --glass-text-on-accent: #ffffff;

  --glass-stroke-soft: rgba(111, 126, 153, 0.38);
  --glass-stroke-base: rgba(111, 126, 153, 0.54);
  --glass-stroke-strong: rgba(93, 109, 138, 0.66);
  --glass-stroke-focus: rgba(0, 106, 255, 0.64);
  --glass-stroke-danger: rgba(220, 38, 38, 0.64);
  --glass-stroke-warning: rgba(217, 119, 6, 0.62);
  --glass-stroke-success: rgba(5, 150, 105, 0.62);
  --glass-stroke-colored-width: 2px;

  --glass-shadow-sm: 0 2px 10px rgba(22, 35, 64, 0.05);
  --glass-shadow-md: 0 6px 18px rgba(19, 35, 66, 0.08);
  --glass-shadow-lg: 0 10px 24px rgba(20, 35, 69, 0.1);
  --glass-shadow-modal: 0 14px 34px rgba(15, 32, 66, 0.14);
  --glass-shadow-nav: 0 8px 18px rgba(15, 32, 66, 0.1);

  --glass-tone-neutral-bg: rgba(100, 116, 139, 0.18);
  --glass-tone-neutral-fg: #374151;
  --glass-tone-info-bg: rgba(47, 123, 255, 0.2);
  --glass-tone-info-fg: #1d63e8;
  --glass-tone-processing-bg: rgba(47, 123, 255, 0.15);
  --glass-tone-processing-fg: #2563eb;
  --glass-tone-success-bg: rgba(16, 185, 129, 0.2);
  --glass-tone-success-fg: #0f9f62;
  --glass-tone-warning-bg: rgba(245, 158, 11, 0.24);
  --glass-tone-warning-fg: #b86400;
  --glass-tone-danger-bg: rgba(239, 68, 68, 0.2);
  --glass-tone-danger-fg: #cb3a3a;

  --glass-overlay-soft: rgba(10, 16, 30, 0.34);
  --glass-overlay: rgba(10, 16, 30, 0.46);
  --glass-overlay-strong: rgba(10, 16, 30, 0.58);

  --glass-accent-from: #2f7bff;
  --glass-accent-to: #5ca8ff;
  --glass-accent-shadow-soft: rgba(47, 123, 255, 0.24);
  --glass-accent-shadow-strong: rgba(47, 123, 255, 0.32);
  --glass-focus-ring: rgba(0, 106, 255, 0.16);
  --glass-focus-ring-strong: rgba(0, 106, 255, 0.22);
  --glass-danger-ring: rgba(220, 38, 38, 0.14);
  --glass-ghost-hover-bg: rgba(255, 255, 255, 0.5);

  --glass-fill-hover: rgba(47, 123, 255, 0.08);
  --glass-fill-active: rgba(47, 123, 255, 0.14);

  --glass-segment-track: #e8eaef;
  --glass-segment-indicator: #ffffff;
  --glass-segment-indicator-shadow: 0 1px 2px rgba(15, 32, 66, 0.08), 0 2px 8px rgba(15, 32, 66, 0.06);
  --glass-capsule-nav-bg: rgba(255, 255, 255, 0.92);
  --glass-capsule-nav-border: rgba(111, 126, 153, 0.44);
  --glass-capsule-nav-shadow: 0 8px 24px rgba(15, 32, 66, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  --glass-nav-stage-active: #1d63e8;
  --glass-btn-reverse-border: rgba(0, 106, 255, 0.45);
  --glass-btn-reverse-bg: rgba(47, 123, 255, 0.08);
  --glass-btn-reverse-fg: #1d63e8;

  --glass-inset-panel-bg: rgba(255, 255, 255, 0.72);
  --glass-inset-panel-border: rgba(111, 126, 153, 0.52);

  /* 与 Tailwind bg-background / text-foreground 对齐，避免未包 glass-page 的页面仍呈深色底 */
  --background: var(--glass-bg-canvas);
  --foreground: var(--glass-text-primary);
  --card: var(--glass-bg-surface);
  --card-foreground: var(--glass-text-primary);
  --muted: var(--glass-bg-muted);
  --muted-foreground: var(--glass-text-tertiary);
}

[data-visual-theme='light'][data-glass-preset='subtle'] {
  --glass-bg-surface: rgba(255, 255, 255, 0.82);
  --glass-bg-surface-strong: rgba(255, 255, 255, 0.9);
  --glass-bg-surface-modal: rgba(255, 255, 255, 0.94);
  --glass-bg-nav: rgba(255, 255, 255, 0.92);
  --glass-blur-sm: 2px;
  --glass-blur-md: 4px;
  --glass-blur-lg: 8px;
  --glass-blur-nav: 12px;
  --glass-shadow-sm: 0 1px 6px rgba(22, 35, 64, 0.04);
  --glass-shadow-md: 0 4px 12px rgba(19, 35, 66, 0.06);
  --glass-shadow-lg: 0 8px 18px rgba(20, 35, 69, 0.08);
  --glass-shadow-modal: 0 10px 22px rgba(15, 32, 66, 0.1);
  --glass-shadow-nav: 0 6px 14px rgba(15, 32, 66, 0.08);
}