/* Light theme (default) — cool-neutral ground, coral accent (operator-approved 2026-09-22) */
:root {
  --theme-bg: #f7f8fa;
  --theme-surface: #f0f2f5;
  --theme-surface-light: #edf0f4;
  --theme-surface-raised: #e1e5eb;
  --theme-border: #e1e5eb;
  --theme-border-subtle: rgba(22, 25, 30, 0.06);
  --theme-divider: rgba(22, 25, 30, 0.08);
  --theme-accent: #d97757;
  --theme-accent-light: #b85f3d;
  --theme-accent-dark: #9a4e31;
  --theme-accent-hover: #b85f3d;
  --theme-cyan: #1e7f5c;
  --theme-orange: #d06428;
  --theme-green: #1e7f5c;
  --theme-text: #16191e;
  --theme-text-muted: #5c6470;
  --theme-text-secondary: #7b8491;

  /* Glass effect — raised card */
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: #e1e5eb;
  --glass-shadow: 0 4px 14px rgba(22, 25, 30, 0.06);

  /* Blur variables */
  --blur-sm: 4px;
  --blur-md: 8px;
  --blur-lg: 16px;
  --blur-xl: 24px;

  /* Background gradient system — coral / teal whispers on paper */
  --gradient-ellipse-1: radial-gradient(ellipse 80% 60% at 20% 10%, rgba(217, 119, 87, 0.05) 0%, transparent 70%);
  --gradient-ellipse-2: radial-gradient(ellipse 60% 80% at 80% 30%, rgba(30, 127, 92, 0.03) 0%, transparent 70%);
  --gradient-ellipse-3: radial-gradient(ellipse 50% 50% at 50% 80%, rgba(208, 100, 40, 0.02) 0%, transparent 70%);
  --gradient-ellipse-4: radial-gradient(ellipse 70% 40% at 70% 60%, rgba(217, 119, 87, 0.03) 0%, transparent 70%);
}