/* Squaresmile Light Theme v1 (Claude Design handoff, docs/design/light-v1/README.md).
 * The ONE source of light values: shell, pages and every tool map their own tokens/components onto
 * these --sl-* names (dark and high contrast never read them). Tool accents: --tool-fill / --tool-ink /
 * --tool-tint on the tool's body class. Values are final (high fidelity) — don't invent new ones. */
html[data-pf-theme="light"] {

  /* surfaces */
  --sl-surface-page: #f3f3f7;
  --sl-surface-panel: #ffffff;
  --sl-surface-raised: #ffffff;
  --sl-surface-overlay: #ffffff;
  --sl-surface-sunken: #ececf1;
  --sl-surface-plot: #f7f7fa;
  --sl-surface-field: #fbfbfd;
  --sl-surface-hover: #f0f0f5;
  --sl-surface-pressed: #e6e6ec;
  --sl-segment-hover: #f9f9fb;
  --sl-scrim: rgba(24, 24, 29, .45);

  /* lines */
  --sl-line-hairline: #e9e9ef;
  --sl-line-default: #e0e0e7;
  --sl-line-frame: #e2e2e8;
  --sl-line-control: #cdcdd6;
  --sl-line-strong: #858591;
  --sl-line-disabled: #a6a6b1; /* always dashed */

  /* shadows */
  --sl-shadow-1: 0 1px 0 rgba(24,24,29,.04), 0 1px 2px rgba(24,24,29,.08);
  --sl-shadow-2: 0 2px 4px rgba(24,24,29,.05), 0 6px 16px -4px rgba(24,24,29,.12);
  --sl-shadow-3: 0 4px 8px rgba(24,24,29,.06), 0 18px 40px -8px rgba(24,24,29,.22);
  --sl-shadow-pressed: inset 0 1px 2px rgba(24,24,29,.14);
  --sl-shadow-field: inset 0 1px 2px rgba(24,24,29,.06);

  /* ink */
  --sl-ink-primary: #18181d;
  --sl-ink-secondary: #4a4a55;
  --sl-ink-faint: #666672;
  --sl-ink-disabled: #9696a2;
  --sl-ink-on-solid: #ffffff;

  /* platform accent */
  --sl-accent-fill: #f0b73a;
  --sl-accent-fill-hover: #e6a827;
  --sl-accent-fill-press: #d99b1c;
  --sl-accent-line: #b8800f;
  --sl-accent-text: #86590a;
  --sl-accent-text-hover: #6b4606;
  --sl-accent-tint: #fdf3dc;
  --sl-accent-tint-strong: #f8e3ad;
  --sl-focus-ring: #b8800f; /* outline 2px, offset 2px; on gold fills use ink ring with 2px white gap */

  /* status */
  --sl-ok-fill: #3aa85b;     --sl-ok-ink: #107537;     --sl-ok-tint: #e9f7ec;     --sl-ok-line: #a4d1ac;
  --sl-warn-fill: #d97a1a;   --sl-warn-ink: #974d06;   --sl-warn-tint: #fff0e3;   --sl-warn-line: #ecbf96;
  --sl-danger-fill: #d9574b; --sl-danger-ink: #a7463e; --sl-danger-tint: #fdeeec; --sl-danger-line: #eeb3ac;
  --sl-danger-solid: #a7463e; --sl-danger-solid-edge: #8c3a33;
  --sl-info-fill: #3f98eb;   --sl-info-ink: #1967ab;   --sl-info-tint: #ecf4fd;   --sl-info-line: #a2c8f0;

  /* data viz */
  --sl-viz-grid: #e9e9ef;
  --sl-viz-grid-major: #d9d9e1;
  --sl-viz-axis: #858591;
  --sl-viz-label: #666672;
  --sl-viz-bar-neutral: #d6d6de;
  --sl-viz-s1: #4e95ed; --sl-viz-s2: #e5754d; --sl-viz-s3: #05a883; --sl-viz-s4: #cc75c5;
  --sl-viz-s5: #c78707; --sl-viz-s6: #9886ed; --sl-viz-s7: #5aa649; --sl-viz-s8: #04a3be;
  --sl-meter-safe: #2f9e5b; --sl-meter-hot: #e0a01e; --sl-meter-clip: #d6453b; --sl-meter-unlit: #d9d9e1;
  --sl-ramp-heat: #f3f3f7, #fbe6b0, #f0b73a, #dc7a2a, #b23c4b, #4a1d4f;
  --sl-ramp-cool: #f3f3f7, #cfe8ee, #7cc3c9, #2b8f9c, #215f86, #1d2b52;

  /* radii */
  --sl-r-badge: 6px; --sl-r-control: 8px; --sl-r-track: 10px; --sl-r-card: 12px; --sl-r-overlay: 14px; --sl-r-pill: 999px;
}

html[data-pf-theme="light"] body.tool-bpm-forge { --tool-fill:#3fa577; --tool-ink:#167851; --tool-tint:#e2fbed; }
html[data-pf-theme="light"] body.tool-temposense { --tool-fill:#36a595; --tool-ink:#057568; --tool-tint:#e1faf4; }
html[data-pf-theme="light"] body.tool-frequency-to-note { --tool-fill:#4c9dc1; --tool-ink:#26708f; --tool-tint:#e7f6fe; }
html[data-pf-theme="light"] body.tool-show-clock { --tool-fill:#d67d5c; --tool-ink:#9e5235; --tool-tint:#fff0ea; }
html[data-pf-theme="light"] body.tool-roomsense { --tool-fill:#a286d0; --tool-ink:#745c9b; --tool-tint:#f5f1ff; }
html[data-pf-theme="light"] body.tool-click-builder { --tool-fill:#6694dc; --tool-ink:#4067a5; --tool-tint:#edf4fe; }
html[data-pf-theme="light"] body.tool-soundsense { --tool-fill:#34a499; --tool-ink:#05766d; --tool-tint:#e1faf6; }
html[data-pf-theme="light"] body.tool-setlist-forge { --tool-fill:#cf7a9c; --tool-ink:#99516f; --tool-tint:#feeff4; }
html[data-pf-theme="light"] body.tool-stage-plot-generator { --tool-fill:#b58e51; --tool-ink:#84622c; --tool-tint:#fdf2e2; }
html[data-pf-theme="light"] body.tool-klarfunk { --tool-fill:#888de2; --tool-ink:#5e61aa; --tool-tint:#f1f3fe; }
html[data-pf-theme="light"] body.tool-lightsense { --tool-fill:#a9940f; --tool-ink:#776803; --tool-tint:#f9f4da; }
html[data-pf-theme="light"] body.tool-subpress { --tool-fill:#dc7d20; --tool-ink:#9e5500; --tool-tint:#fff0e6; }
html[data-pf-theme="light"] body.tool-powersense { --tool-fill:#6da410; --tool-ink:#4c7404; --tool-tint:#ecf9e0; }
html[data-pf-theme="light"] body.tool-riggingsense { --tool-fill:#7897ba; --tool-ink:#516b89; --tool-tint:#ecf5ff; }
html[data-pf-theme="light"] body.tool-rider-smith { --tool-fill:#d97968; --tool-ink:#a25042; --tool-tint:#fff0ed; }
html[data-pf-theme="light"] body.tool-airchain { --tool-fill:#c38902; --tool-ink:#8a6002; --tool-tint:#fff2dd; }
html[data-pf-theme="light"] body.tool-patchsmith { --tool-fill:#24a2b0; --tool-ink:#03747e; --tool-tint:#dff9fd; }
html[data-pf-theme="light"] body.tool-loudsense { --tool-fill:#d17f4d; --tool-ink:#9b5529; --tool-tint:#fef0e9; }
html[data-pf-theme="light"] body.tool-micsense { --tool-fill:#6e9ab6; --tool-ink:#476d84; --tool-tint:#e9f6fe; }
html[data-pf-theme="light"] body.tool-spectrasense { --tool-fill:#ef6787; --tool-ink:#b33d5c; --tool-tint:#ffeff1; }

/* Pages outside a tool body (landings, knowledge, share views) opt in with data-sl-tool="<slug>". */
html[data-pf-theme="light"] [data-sl-tool="bpm-forge"] { --tool-fill:#3fa577; --tool-ink:#167851; --tool-tint:#e2fbed; }
html[data-pf-theme="light"] [data-sl-tool="temposense"] { --tool-fill:#36a595; --tool-ink:#057568; --tool-tint:#e1faf4; }
html[data-pf-theme="light"] [data-sl-tool="frequency-to-note"] { --tool-fill:#4c9dc1; --tool-ink:#26708f; --tool-tint:#e7f6fe; }
html[data-pf-theme="light"] [data-sl-tool="show-clock"] { --tool-fill:#d67d5c; --tool-ink:#9e5235; --tool-tint:#fff0ea; }
html[data-pf-theme="light"] [data-sl-tool="roomsense"] { --tool-fill:#a286d0; --tool-ink:#745c9b; --tool-tint:#f5f1ff; }
html[data-pf-theme="light"] [data-sl-tool="click-builder"] { --tool-fill:#6694dc; --tool-ink:#4067a5; --tool-tint:#edf4fe; }
html[data-pf-theme="light"] [data-sl-tool="soundsense"] { --tool-fill:#34a499; --tool-ink:#05766d; --tool-tint:#e1faf6; }
html[data-pf-theme="light"] [data-sl-tool="setlist-forge"] { --tool-fill:#cf7a9c; --tool-ink:#99516f; --tool-tint:#feeff4; }
html[data-pf-theme="light"] [data-sl-tool="stage-plot-generator"] { --tool-fill:#b58e51; --tool-ink:#84622c; --tool-tint:#fdf2e2; }
html[data-pf-theme="light"] [data-sl-tool="klarfunk"] { --tool-fill:#888de2; --tool-ink:#5e61aa; --tool-tint:#f1f3fe; }
html[data-pf-theme="light"] [data-sl-tool="lightsense"] { --tool-fill:#a9940f; --tool-ink:#776803; --tool-tint:#f9f4da; }
html[data-pf-theme="light"] [data-sl-tool="subpress"] { --tool-fill:#dc7d20; --tool-ink:#9e5500; --tool-tint:#fff0e6; }
html[data-pf-theme="light"] [data-sl-tool="powersense"] { --tool-fill:#6da410; --tool-ink:#4c7404; --tool-tint:#ecf9e0; }
html[data-pf-theme="light"] [data-sl-tool="riggingsense"] { --tool-fill:#7897ba; --tool-ink:#516b89; --tool-tint:#ecf5ff; }
html[data-pf-theme="light"] [data-sl-tool="rider-smith"] { --tool-fill:#d97968; --tool-ink:#a25042; --tool-tint:#fff0ed; }
html[data-pf-theme="light"] [data-sl-tool="airchain"] { --tool-fill:#c38902; --tool-ink:#8a6002; --tool-tint:#fff2dd; }
html[data-pf-theme="light"] [data-sl-tool="patchsmith"] { --tool-fill:#24a2b0; --tool-ink:#03747e; --tool-tint:#dff9fd; }
html[data-pf-theme="light"] [data-sl-tool="loudsense"] { --tool-fill:#d17f4d; --tool-ink:#9b5529; --tool-tint:#fef0e9; }
html[data-pf-theme="light"] [data-sl-tool="micsense"] { --tool-fill:#6e9ab6; --tool-ink:#476d84; --tool-tint:#e9f6fe; }
html[data-pf-theme="light"] [data-sl-tool="spectrasense"] { --tool-fill:#ef6787; --tool-ink:#b33d5c; --tool-tint:#ffeff1; }