/* Seracu light layer over data-theme="seeded" (DESIGN.md section 3). Source: design/round2/shared/seracu-theme.html */
/* ============================================================================
   Seracu theme layer over data-theme="seeded" — LIGHT MODE ONLY. Dark mode is untouched (Jack, 2026-10-18:
   "the tool works in dark mode … light mode … just looks like cloudy").

   Why seeded light reads cloudy (upstream tokens, tokens/themes/seeded.css light block):
     --ds-ground        oklch(97% seed-c h)   tinted, not white
     --ds-surface(-2/-3) oklch(94/91/88% …)   cards DARKER than the ground: grey-on-grey
     data-depth="tint"  → --ds-card-border: transparent, no shadow: cards have no edge
     --ds-ink-*         rgba(0,0,0,.92/.75/.60/.40): alpha ink on a tinted plane, muted text ~5.6:1
     --ds-accent-soft   oklch(72% .10 h), --ds-accent-tint oklch(90% .05 h): pale map fills
   Fix here (a Seracu-local layer, written in the theme's own seed knobs); should go upstream as a
   "crisp light" option for seeded. Every value derives from --ds-seed-h, so the accent options work too.
   Selectors: explicit light mode, or no mode + OS light. Specificity beats the theme's own block.
   ========================================================================== */
html[data-theme="seeded"][data-mode="light"],
html[data-theme="seeded"] [data-mode="light"] {
  --ds-ground:            oklch(98.6% .004 var(--ds-seed-h));
  --ds-ground-2:          oklch(97.4% .006 var(--ds-seed-h));
  --ds-surface:           oklch(100% 0 0);
  --ds-surface-2:         oklch(96.8% .008 var(--ds-seed-h));
  --ds-surface-3:         oklch(93.5% .012 var(--ds-seed-h));
  --ds-surface-hover:     oklch(97.2% .008 var(--ds-seed-h));
  --ds-surface-pressed:   oklch(95.2% .010 var(--ds-seed-h));
  --ds-surface-selected:  oklch(94.6% .022 var(--ds-seed-h));
  --ds-rule-soft:         oklch(93% .008 var(--ds-seed-h));
  --ds-rule:              oklch(89.5% .010 var(--ds-seed-h));
  --ds-rule-strong:       oklch(82% .012 var(--ds-seed-h));
  --ds-border:            oklch(86% .012 var(--ds-seed-h));
  --ds-border-strong:     oklch(70% .015 var(--ds-seed-h));
  /* solid ink: body ≥ 7:1 on white, muted ≥ 4.8:1 */
  --ds-ink:               oklch(18% .015 var(--ds-seed-h));
  --ds-ink-2:             oklch(30% .015 var(--ds-seed-h));
  --ds-ink-muted:         oklch(45% .015 var(--ds-seed-h));
  --ds-ink-faint:         oklch(62% .012 var(--ds-seed-h));
  /* stronger accent + map fills */
  --ds-primary-fill:       oklch(50% .16 var(--ds-seed-h));
  --ds-primary-fill-hover: oklch(45% .16 var(--ds-seed-h));
  --ds-accent-ink:         oklch(42% .15 var(--ds-seed-h));
  --ds-accent-soft:        oklch(68% .14 var(--ds-seed-h));
  --ds-accent-tint:        oklch(93% .045 var(--ds-seed-h));
  /* cards: white on near-white, a real hairline edge and a faint lift */
  --ds-card-bg:     var(--ds-surface);
  --ds-card-border: var(--ds-rule);
  --ds-card-shadow: 0 1px 2px oklch(25% .02 var(--ds-seed-h) / .06);
}
@media (prefers-color-scheme: light) {
  html[data-theme="seeded"]:not([data-mode]) {
    --ds-ground: oklch(98.6% .004 var(--ds-seed-h)); --ds-ground-2: oklch(97.4% .006 var(--ds-seed-h));
    --ds-surface: oklch(100% 0 0); --ds-surface-2: oklch(96.8% .008 var(--ds-seed-h)); --ds-surface-3: oklch(93.5% .012 var(--ds-seed-h));
    --ds-surface-hover: oklch(97.2% .008 var(--ds-seed-h)); --ds-surface-pressed: oklch(95.2% .010 var(--ds-seed-h)); --ds-surface-selected: oklch(94.6% .022 var(--ds-seed-h));
    --ds-rule-soft: oklch(93% .008 var(--ds-seed-h)); --ds-rule: oklch(89.5% .010 var(--ds-seed-h)); --ds-rule-strong: oklch(82% .012 var(--ds-seed-h));
    --ds-border: oklch(86% .012 var(--ds-seed-h)); --ds-border-strong: oklch(70% .015 var(--ds-seed-h));
    --ds-ink: oklch(18% .015 var(--ds-seed-h)); --ds-ink-2: oklch(30% .015 var(--ds-seed-h)); --ds-ink-muted: oklch(45% .015 var(--ds-seed-h)); --ds-ink-faint: oklch(62% .012 var(--ds-seed-h));
    --ds-primary-fill: oklch(50% .16 var(--ds-seed-h)); --ds-primary-fill-hover: oklch(45% .16 var(--ds-seed-h));
    --ds-accent-ink: oklch(42% .15 var(--ds-seed-h)); --ds-accent-soft: oklch(68% .14 var(--ds-seed-h)); --ds-accent-tint: oklch(93% .045 var(--ds-seed-h));
    --ds-card-bg: var(--ds-surface); --ds-card-border: var(--ds-rule); --ds-card-shadow: 0 1px 2px oklch(25% .02 var(--ds-seed-h) / .06);
  }
}