/* ============================================================================
   Look Good Tools — "transformation" theme, derived for round 2 (2026-10-15).
   Loads after vendor/ds-base.css. Sets ONLY skin tokens (CONTRACT §2).

   The palette. Nine swatches, used exactly, nowhere derived:
     ink     #14120F   text, dark bands
     night   #221F1A   surfaces inside dark bands
     paper   #F3EEE4   the page
     card    #FFFCF5   cards, slides, report pages
     line    #DDD5C6   hairlines on paper
     stone   #6F685D   secondary text on paper / card (5.1:1 on card)
     blaze   #FF4F23   "make it": the brush, the action
     cobalt  #3346FF   "made": data, the Looks good beat
     butter  #FFD449   highlight, used as a fill only
   ========================================================================== */

[data-theme="lgt"][data-mode],
[data-theme="lgt"] [data-mode="light"] {
  color-scheme: light;
  --lg-ink: #14120F;
  --lg-night: #221F1A;
  --lg-paper: #F3EEE4;
  --lg-card: #FFFCF5;
  --lg-line: #DDD5C6;
  --lg-stone: #6F685D;
  --lg-blaze: #FF4F23;
  --lg-cobalt: #3346FF;
  --lg-butter: #FFD449;

  --ds-ground: #F3EEE4;
  --ds-ground-2: #F3EEE4;
  --ds-surface: #FFFCF5;
  --ds-surface-2: #F3EEE4;
  --ds-surface-3: #DDD5C6;
  --ds-surface-raised: #FFFCF5;
  --ds-surface-inverse: #14120F;
  --ds-ink: #14120F;
  --ds-ink-2: #14120F;
  --ds-ink-muted: #6F685D;
  --ds-ink-faint: #DDD5C6;
  --ds-ink-inverse: #F3EEE4;
  --ds-ink-on-primary: #F3EEE4;
  --ds-ink-on-accent: #14120F;
  --ds-rule-soft: #DDD5C6;
  --ds-rule-faint: #DDD5C6;
  --ds-rule: #DDD5C6;
  --ds-rule-strong: #6F685D;
  --ds-border: #DDD5C6;
  --ds-border-strong: #6F685D;
  --ds-primary-fill: #14120F;
  --ds-primary-fill-hover: #221F1A;
  --ds-accent: #3346FF;
  --ds-accent-hover: #3346FF;
  --ds-accent-ink: #3346FF;

  --ds-success: #3346FF; --ds-success-ink: #3346FF;
  --ds-danger: #FF4F23;  --ds-danger-ink: #14120F;
  --ds-warning: #FFD449; --ds-warning-ink: #14120F;

  --ds-data-1: #3346FF; --ds-data-1-ink: #3346FF;
  --ds-data-2: #FF4F23; --ds-data-2-ink: #14120F;
  --ds-data-3: #14120F; --ds-data-3-ink: #14120F;
  --ds-data-4: #FFD449; --ds-data-4-ink: #14120F;
  --ds-data-5: #6F685D; --ds-data-5-ink: #6F685D;
  --ds-data-6: #3346FF; --ds-data-6-ink: #3346FF;
  --ds-data-7: #FF4F23; --ds-data-7-ink: #14120F;
  --ds-data-8: #14120F; --ds-data-8-ink: #14120F;
  --ds-data-primary: #3346FF;
  --ds-chart-ramp-1: #14120F; --ds-chart-ramp-2: #3346FF; --ds-chart-ramp-3: #DDD5C6;
  --ds-chart-grid: #DDD5C6;
  --ds-chart-comparison: #DDD5C6;
  --ds-chart-up: #3346FF;
  --ds-chart-down: #FF4F23;

  --ds-font-sans: "LG Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --ds-font-display: "LG Bricolage", "LG Inter", ui-sans-serif, system-ui, sans-serif;
  --ds-font-label: "LG Mono", ui-monospace, Menlo, monospace;
  --ds-font-mono: "LG Mono", ui-monospace, Menlo, monospace;
  --ds-radius-scale: 1;
}

/* The dark band: ink ground, night surfaces. Same nine swatches. */
[data-theme="lgt"] [data-mode="dark"] {
  color-scheme: dark;
  --ds-ground: #14120F;
  --ds-ground-2: #14120F;
  --ds-surface: #221F1A;
  --ds-surface-2: #14120F;
  --ds-surface-raised: #221F1A;
  --ds-ink: #F3EEE4;
  --ds-ink-2: #F3EEE4;
  --ds-ink-muted: #DDD5C6;
  --ds-ink-faint: #6F685D;
  --ds-rule-soft: #6F685D;
  --ds-rule-faint: #221F1A;
  --ds-rule: #6F685D;
  --ds-rule-strong: #DDD5C6;
  --ds-border: #6F685D;
  --ds-accent: #FFD449;
  --ds-accent-ink: #FFD449;
  --ds-data-1: #FFD449; --ds-data-1-ink: #FFD449;
  --ds-data-2: #FF4F23; --ds-data-2-ink: #FF4F23;
  --ds-data-3: #F3EEE4; --ds-data-3-ink: #F3EEE4;
  --ds-data-4: #3346FF; --ds-data-4-ink: #F3EEE4;
  --ds-data-5: #6F685D; --ds-data-5-ink: #DDD5C6;
  --ds-data-6: #DDD5C6; --ds-data-6-ink: #DDD5C6;
  --ds-data-7: #FF4F23; --ds-data-7-ink: #FF4F23;
  --ds-data-8: #3346FF; --ds-data-8-ink: #F3EEE4;
  --ds-data-primary: #FFD449;
  --ds-chart-ramp-1: #F3EEE4; --ds-chart-ramp-2: #FFD449; --ds-chart-ramp-3: #6F685D;
  --ds-chart-grid: #6F685D;
  --ds-chart-comparison: #6F685D;
  --ds-chart-up: #FFD449;
  --ds-chart-down: #FF4F23;
  --ds-success: #FFD449; --ds-success-ink: #FFD449;
  --ds-danger: #FF4F23;  --ds-danger-ink: #FF4F23;
}
/* the instrument's breathing end dot animates box-shadow; on its own layer it no longer repaints the filtered SVG under it */
.lgt .ds-chart[data-style="instrument"] .ds-chart__layer .ds-chart__dot[data-glow] { animation: none; }
.lgt .ds-chart__dot[data-glow]::after {
  content: ""; position: absolute; inset: -14px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(closest-side, color-mix(in oklab, var(--_c) 46%, transparent), transparent);
  opacity: .25; transform: scale(.6); will-change: transform, opacity; animation: lgt-breathe 2.8s ease-in-out infinite;
}
@keyframes lgt-breathe { 50% { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .lgt .ds-chart__dot[data-glow]::after { animation: none; opacity: .6; transform: none; } }