/* 商务浅色主题 — 通过 <link> 动态加载 */

:root {
  --color-bg: #f4f7fb;
  --color-bg-elevated: #ffffff;
  --color-primary: #0b5cab;
  --color-primary-violet: #1557a0;
  --color-accent: #0e7490;
  --color-accent-blue: #1d6fd8;
  --color-trust: #0d9488;
  --color-highlight: #000;
  --color-highlight-start: #292929;
  --color-text: #0b1f3a;
  --color-text-muted: #4a6278;
  --color-border: #d5e0ec;
  --color-glass-bg: rgba(255, 255, 255, 0.92);

  --color-mockup__titlebar-bg:rgba(255, 255, 255, 0.92);
  --color-text-white: #ffffff;
  --color-text-muted-highlight: #d6ebff;

  --color-surface: #ffffff;
  --color-surface-soft: #eef3f9;
  --color-surface-deep: #e8eef6;
  --color-panel: #ffffff;
  --color-panel-alt: #f0f5fb;
  --color-nav-bg: rgba(255, 255, 255, 0.96);
  --color-nav-mobile: #f4f7fb;
  --color-footer-bg: #0b1f3a;
  --color-footer-text: #c5d4e4;
  --color-footer-heading: #ffffff;
  --color-footer-border: rgba(197, 212, 228, 0.16);
  --color-footer-link-hover: #7ec4ff;
  --color-footer-social-hover: rgba(11, 107, 203, 0.18);
  --color-input-bg: #ffffff;
  --color-hero-from: #e8f1fb;
  --color-hero-to: #f4f7fb;
  --color-hero-top: #9fc4ff;
  --color-formats-bg: #eaf1f9;
  --color-final-from: #0b5cab;
  --color-final-to: #0e7490;
  --color-final-text: #ffffff;
  --color-panel-line: #c9d8e8;
  --color-panel-head: #0b1f3a;
  --color-icon-ring: #e8f2fc;
  --color-badge-fg: #ffffff;
  --color-nav-link-hover: rgba(11, 107, 203, 0.08);
  --color-nav-active-bg: rgba(11, 107, 203, 0.12);
  --color-burger-bg: rgba(11, 31, 58, 0.04);
  --color-nav-scrolled-bg: rgba(255, 255, 255, 0.98);
  --color-toggle-active-bg: var(--color-surface);

  --color-accent-soft-bg: rgba(14, 116, 144, 0.1);
  --color-accent-soft-border: rgba(14, 116, 144, 0.28);
  --color-accent-on: #ffffff;
  --color-primary-soft-bg: rgba(11, 107, 203, 0.1);
  --color-primary-soft-border: rgba(11, 107, 203, 0.35);
  --color-primary-tint-bg: rgba(11, 107, 203, 0.12);
  --color-primary-border-strong: rgba(11, 107, 203, 0.45);
  --color-violet-soft-bg: rgba(11, 107, 203, 0.1);
  --color-violet-soft-border: rgba(11, 107, 203, 0.28);
  --color-highlight-soft-bg: rgba(11, 107, 203, 0.08);
  --color-highlight-soft-border: rgba(11, 107, 203, 0.22);
  --color-highlight-border: rgba(11, 107, 203, 0.35);
  --color-highlight-secondary: #1d6fd8;
  --color-highlight-secondary-border: rgba(29, 111, 216, 0.45);
  --color-highlight-border-strong: rgba(11, 107, 203, 0.45);
  --color-delivery-icon-bg: #e8f2fc;
  --color-delivery-icon-alt-bg: #dce8f8;
  --color-ghost-bg: rgba(74, 98, 120, 0.08);
  --color-ghost-bg-hover: rgba(74, 98, 120, 0.14);
  --color-grid-line: rgba(38, 54, 72, 0.18);
  --color-terminal-bg: #0e1722;
  --color-terminal-bar: #e8eef6;
  --color-terminal-bar-border: #d5e0ec;
  --color-terminal-text: #4a6278;
  --color-terminal-accent: #0b6bcb;
  --color-terminal-success: #0d9488;
  --color-capability-index: #94a3b8;
  --color-capability-text: #4a6278;
  --color-error: #dc2626;
  --color-warning: #d97706;
  --color-warning-soft-bg: rgba(217, 119, 6, 0.1);
  --color-warning-border: rgba(217, 119, 6, 0.28);
  --color-code-bg: rgba(11, 31, 58, 0.06);
  --color-code-text: #0e7490;
  --color-overlay: rgba(255, 255, 255, 0.6);
  --color-overlay-deep: rgba(255, 255, 255, 0.85);
  --color-price-muted: #718094;
  --color-price-strong: #0b1f3a;
  --color-list-muted: #4a6278;
  --color-logo-sub: #0e7490;

  --gradient-brand: linear-gradient(135deg, #0b5cab 0%, #1d6fd8 100%);
  --gradient-cta: linear-gradient(135deg, #0b6bcb 0%, #0e7490 100%);
  --gradient-mesh:
    radial-gradient(at 18% 20%, rgba(11, 107, 203, 0.14) 0, transparent 55%),
    radial-gradient(at 82% 12%, rgba(14, 116, 144, 0.1) 0, transparent 50%),
    radial-gradient(at 55% 85%, rgba(29, 111, 216, 0.08) 0, transparent 55%);

  --font-sans:
    'Source Han Sans SC', 'Noto Sans SC', 'PingFang SC', 'HarmonyOS Sans SC',
    'Microsoft YaHei', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --text-h1: clamp(2.6rem, 5.4vw, 3.85rem);
  --text-h2: clamp(2rem, 3.8vw, 2.85rem);
  --text-h3: clamp(1.35rem, 2.4vw, 1.95rem);
  --text-body: 1.0625rem;
  --text-aux: 0.9375rem;

  --radius-card: 10px;
  --radius-lg: 16px;

  --shadow-card: 0 8px 28px rgba(11, 31, 58, 0.08);
  --shadow-card-hover: 0 16px 40px rgba(11, 31, 58, 0.12);
  --shadow-panel-lg: 0 24px 60px rgba(11, 31, 58, 0.12);
  --shadow-toggle-active: 0 2px 8px rgba(11, 31, 58, 0.1);
  --shadow-btn-primary: 0 4px 16px rgba(11, 107, 203, 0.28);
  --shadow-btn-primary-hover: 0 6px 24px rgba(11, 107, 203, 0.35);
  --shadow-accent: 0 6px 18px rgba(11, 107, 203, 0.28);
  --glow-cta: 0 8px 24px rgba(11, 107, 203, 0.28);
}