/* Light theme — clean, minimal, still hints at the neon accent */

[data-theme="light"] {
  --fg: #1a1d2e;
  --fg-dim: #5a617a;
  --bg-0: #f5f7fc;
  --bg-1: #eef1f8;
  --bg-2: #e4e8f2;
  --panel: rgba(255, 255, 255, 0.85);
  --panel-2: rgba(248, 250, 255, 0.9);
  --border: rgba(70, 80, 120, 0.15);
  --border-strong: rgba(70, 80, 120, 0.3);
  --accent: #0066cc;
  --accent-2: #d83a9b;
  --accent-3: #1a9e4b;
  --danger: #e63946;
  --warning: #e9a91a;

  --n1: #0066cc;
  --n2: #1a9e4b;
  --n3: #d83a9b;
  --n4: #6b3fa0;
  --n5: #e9a91a;
  --n6: #0a9ea0;
  --n7: #c14b7a;
  --n8: #1a1d2e;

  --glow: 0 2px 6px rgba(0, 102, 204, 0.18);
}

[data-theme="light"] body {
  background:
    radial-gradient(ellipse at 20% -10%, rgba(0, 102, 204, 0.08), transparent 60%),
    radial-gradient(ellipse at 110% 110%, rgba(216, 58, 155, 0.06), transparent 55%),
    linear-gradient(180deg, var(--bg-0), var(--bg-1));
}

[data-theme="light"] .brand h1 {
  text-shadow: none;
}
[data-theme="light"] .cell { box-shadow: 0 1px 2px rgba(20, 30, 60, 0.06); }
[data-theme="light"] .cell:not(.revealed):hover {
  box-shadow: 0 2px 10px rgba(0, 102, 204, 0.2);
}
[data-theme="light"] .cell.revealed { background: rgba(255, 255, 255, 0.95); border-color: rgba(70, 80, 120, 0.12); }
[data-theme="light"] .cell.revealed.empty { background: rgba(240, 243, 250, 0.9); }
[data-theme="light"] .cell.revealed[data-n] { text-shadow: none; }
[data-theme="light"] .stat svg,
[data-theme="light"] .tool svg { filter: none; }
[data-theme="light"] .btn-primary { color: #fff; box-shadow: 0 4px 14px rgba(0, 102, 204, 0.3); }
[data-theme="light"] .cell.flagged { text-shadow: none; }
[data-theme="light"] .cell.flagged::after { filter: none; }