[data-theme="theme-light"] {
  --color-bg: #f5f7fc;
  --color-surface-1: #ffffff;
  --color-surface-2: #f3f6fb;
  --color-surface-3: #eaf0fb;
  --color-border: #d4deef;
  --color-text: #1e2838;
  --color-text-muted: #647087;
  --color-primary: #2f6fdf;
  --color-secondary: #0d9e7b;
  --color-success: #1f9a64;
  --color-warning: #b9811f;
  --color-danger: #bf4058;
  --color-focus-ring: rgba(47, 111, 223, 0.28);

  --accent-cyan: #1f86ff;
  --accent-magenta: #cf44aa;
  --accent-violet: #7059e8;
  --accent-success: #20a96e;
  --accent-cyan-rgb: 31, 134, 255;
  --accent-magenta-rgb: 207, 68, 170;
  --accent-violet-rgb: 112, 89, 232;

  --panel-alpha: 0.7;
  --stroke-alpha: 0.62;
  --panel-blur: 2px;
  --grain-opacity: 0.015;
  --shadow-soft: 0 16px 28px rgba(10, 18, 35, 0.12);
  --shadow-glow: 0 0 18px rgba(var(--accent-cyan-rgb), 0.13);

  --btn-primary-bg: linear-gradient(140deg, #2f6fdf, #4d86ea);
  --btn-primary-bg-hover: linear-gradient(140deg, #3c7ae6, #5b92ef);
  --btn-primary-text: #f7fbff;
  --btn-primary-border: rgba(47, 111, 223, 0.58);
  --btn-primary-hover-border: rgba(47, 111, 223, 0.74);
}