/* Palette only: geometry and responsive rules belong to theme-components.css. */
html[data-theme=light] { background: #f3f5f9; color-scheme: light; }
body.theme-light {
  --bg: #f3f5f9; --card-bg: #fff; --surface-muted: #f7f9fc; --surface-inset: #eef2f7; --surface-track: #e2e8f0;
  --border: #dce3ed; --border-subtle: #edf0f5; --control-border: #cdd7e6; --border-hover: #aebdd3;
  --accent: #2859cf; --accent-hover: #2049b0; --accent-soft: #edf3ff; --accent-border: #bed0f4; --accent-border-hover: #94b0e9;
  --primary-bg: #2859cf; --primary-hover: #2049b0; --on-primary: #fff; --accent-glow: rgba(40,89,207,.12); --focus-ring: rgba(40,89,207,.16);
  --text: #18243b; --text-secondary: #4b5b73; --text-muted: #637189; --muted: var(--text-muted); --price: #2149ac;
  --green: #16734c; --red: #b52f3a; --warning: #8b560c; --warning-soft: #fff7e8; --warning-border: #edd5a8;
  --success-soft: #eaf6ef; --danger-soft: #fdf0f1; --danger-border: #edc3c8; --disabled-bg: #dce4f2; --selection-bg: #dbe7ff;
  --header-bg: rgba(255,255,255,.98); --header-shadow-color: rgba(24,36,59,.035); --overlay: rgba(24,36,59,.38);
  --modal-shadow-color: rgba(24,36,59,.2); --menu-shadow-color: rgba(24,36,59,.14); --toast-shadow-color: rgba(24,36,59,.18); --bar-shadow-color: rgba(24,36,59,.08);
  --toast-bg: #18243b; --toast-text: #fff; --toast-border: #31415b;
  --shadow-sm: 0 2px 6px rgba(24,36,59,.035); --shadow-md: 0 8px 24px rgba(24,36,59,.07);
  --page-image: none; --home-background: var(--bg);
  --hero-button-bg: var(--primary-bg); --hero-button-text: var(--on-primary);
  --boost-button-bg: var(--primary-bg); --boost-button-hover: var(--primary-hover); --boost-button-text: var(--on-primary);
  --login-bg: var(--primary-bg); --login-border: var(--primary-bg); --login-text: var(--on-primary); --login-hover: var(--primary-hover);
  --utility-bg: var(--primary-bg); --utility-hover: var(--primary-hover); --utility-text: var(--on-primary);
  --payment-pending-text: var(--warning); --payment-pending-bg: var(--warning-soft);
  --tp-pending-text: var(--warning); --tp-pending-bg: var(--warning-soft);
  --tp-active-text: var(--accent); --tp-active-bg: var(--accent-soft);
  --tp-acceptance-text: var(--warning); --tp-acceptance-bg: var(--warning-soft);
  --logo-background: none; --logo-fill: currentColor;
  --register-border: transparent; --workflow-border: transparent;
  --oc-info-text: var(--accent); --oc-info-bg: var(--accent-soft);
  --oc-success-text: var(--green); --oc-success-bg: var(--success-soft);
  --oc-warning-text: var(--warning); --oc-warning-bg: var(--warning-soft);
  --oc-danger-text: var(--red); --oc-danger-bg: var(--danger-soft);
  --oc-exception-text: var(--red); --oc-exception-bg: var(--danger-soft);
  color-scheme: light;
}
