/* SPDX-License-Identifier: MIT */
/* Generated from the Squatch Ink design tokens; not edited here. Keep these two lines when refreshing it. */
/* squatch-ink: generated by tools/build-tokens.mjs from tokens/squatch-ink.tokens.json. Do not edit. */
[data-sq-theme="squatch-ink"] {
  --sq-sys-color-surface-canvas: #EEE9DF;
  --sq-sys-color-surface-page: #F7F5F0;
  --sq-sys-color-surface-raised: #FCFBF8;
  --sq-sys-color-surface-sunken: #E8E0D4;
  --sq-sys-color-text-primary: #1C160E;
  --sq-sys-color-text-secondary: #6B5B3E;
  --sq-sys-color-text-on-accent: #FFFFFF;
  --sq-sys-color-line-rule: #D4CBBB;
  --sq-sys-color-line-faint: #CBBFA9;
  --sq-sys-color-accent: #9C7208;
  --sq-sys-color-status-level: #1C160E;
  --sq-sys-color-status-limit: #9A2E1B;
  --sq-sys-color-focus: #9C7208;
  --sq-sys-font-ui: "Inter", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;
  --sq-sys-font-hand: "Lora", ui-serif, "Georgia", serif;
  --sq-sys-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
  --sq-sys-type-legend-font-family: "Inter", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;
  --sq-sys-type-legend-font-size: 10px;
  --sq-sys-type-legend-font-weight: 600;
  --sq-sys-type-legend-letter-spacing: 1.2px;
  --sq-sys-type-legend-line-height: 1;
  --sq-sys-type-legend-text-transform: uppercase;
  --sq-sys-type-name-font-family: "Lora", ui-serif, "Georgia", serif;
  --sq-sys-type-name-font-size: 20px;
  --sq-sys-type-name-font-weight: 500;
  --sq-sys-type-name-letter-spacing: 0px;
  --sq-sys-type-name-line-height: 1.15;
  --sq-sys-type-name-font-style: italic;
  --sq-sys-type-readout-font-family: "IBM Plex Mono", ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;
  --sq-sys-type-readout-font-size: 12px;
  --sq-sys-type-readout-font-weight: 500;
  --sq-sys-type-readout-letter-spacing: 0px;
  --sq-sys-type-readout-line-height: 1.2;
  --sq-sys-type-readout-font-variant-numeric: tabular-nums;
  --sq-sys-type-body-font-family: "Inter", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;
  --sq-sys-type-body-font-size: 14px;
  --sq-sys-type-body-font-weight: 400;
  --sq-sys-type-body-letter-spacing: 0px;
  --sq-sys-type-body-line-height: 1.5;
  --sq-sys-space-1: 4px;
  --sq-sys-space-2: 8px;
  --sq-sys-space-3: 12px;
  --sq-sys-space-4: 16px;
  --sq-sys-space-5: 24px;
  --sq-sys-space-6: 32px;
  --sq-sys-space-7: 48px;
  --sq-sys-radius-sm: 6px;
  --sq-sys-radius-md: 10px;
  --sq-sys-radius-control: 6px;
  --sq-sys-size-target: 44px;
  --sq-sys-size-control: 30px;
  --sq-sys-stroke-contour: 2.25px;
  --sq-sys-stroke-detail: 1.25px;
  --sq-sys-stroke-hatch: 0.75px;
  --sq-sys-stroke-focus: 2px;
  --sq-sys-motion-duration-fast: 140ms;
  --sq-sys-motion-duration-med: 240ms;
  --sq-sys-motion-duration-settle: 750ms;
  --sq-sys-motion-easing-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --sq-sys-motion-ballistics-level-attack: 15ms;
  --sq-sys-motion-ballistics-level-release: 280ms;
  --sq-sys-motion-ballistics-env-attack: 5ms;
  --sq-sys-motion-ballistics-env-release: 120ms;
  --sq-sys-motion-ballistics-gr-attack: 10ms;
  --sq-sys-motion-ballistics-gr-release: 150ms;
  --sq-sys-motion-ballistics-clip-hold: 450ms;
  --sq-sys-motion-ballistics-readout: 100ms;
  --sq-sys-motion-ballistics-reduced-step: 250ms;
  --sq-sys-elevation-raised: 0px 1px 0px 0px #D4CBBB;
  --sq-sys-ink-brush-entry: 0.12;
  --sq-sys-ink-brush-exit: 0.35;
  --sq-sys-ink-brush-belly: 0.15;
  --sq-sys-ink-brush-dry: 0.5;
  --sq-sys-ink-brush-streaks: 7;
  --sq-sys-ink-brush-jitter: 0.07;
  --sq-sys-ink-brush-bleed: 0.15;
  --sq-sys-ink-grain-opacity: 0.12;
  --sq-sys-ink-grain-blend: multiply;
  --sq-sys-ink-grain-frequency: 0.045;
  --sq-sys-ink-edge-roughness: 6;
  --sq-sys-ink-seal-roughness: 4;
  --sq-sys-ink-seal-shape: chop;
  --sq-comp-pedal-face: #F7F5F0;
  --sq-comp-pedal-edge: #1C160E;
  --sq-comp-pedal-lid: #CBBFA9;
  --sq-comp-pedal-corner-radius: 10px;
  --sq-comp-knob-cap: #FCFBF8;
  --sq-comp-knob-outline: #1C160E;
  --sq-comp-knob-pointer: #1C160E;
  --sq-comp-knob-track: #CBBFA9;
  --sq-comp-knob-value: #9C7208;
  --sq-comp-knob-ring-width: 3px;
  --sq-comp-knob-travel: 270;
  --sq-comp-footswitch-body: #E8E0D4;
  --sq-comp-footswitch-outline: #1C160E;
  --sq-comp-led-on: #9C7208;
  --sq-comp-led-off: #CBBFA9;
  --sq-comp-led-clip: #9A2E1B;
  --sq-comp-legend-color: #6B5B3E;
  --sq-comp-legend-type-font-family: "Inter", ui-sans-serif, -apple-system, "Segoe UI", sans-serif;
  --sq-comp-legend-type-font-size: 10px;
  --sq-comp-legend-type-font-weight: 600;
  --sq-comp-legend-type-letter-spacing: 1.2px;
  --sq-comp-legend-type-line-height: 1;
  --sq-comp-legend-type-text-transform: uppercase;
  --sq-comp-glyph-ink: #1C160E;
  --sq-comp-glyph-value: #9C7208;
  --sq-comp-meter-level: #1C160E;
  --sq-comp-meter-limit: #9A2E1B;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  [data-sq-theme="squatch-ink"]:not([data-sq-mode="light"]) {
    --sq-sys-color-surface-canvas: #100D09;
    --sq-sys-color-surface-page: #17130D;
    --sq-sys-color-surface-raised: #201A12;
    --sq-sys-color-surface-sunken: #231D15;
    --sq-sys-color-text-primary: #EDE6D8;
    --sq-sys-color-text-secondary: #A89878;
    --sq-sys-color-text-on-accent: #17130D;
    --sq-sys-color-line-rule: #3A3226;
    --sq-sys-color-line-faint: #4A4034;
    --sq-sys-color-accent: #D4A93F;
    --sq-sys-color-status-level: #EDE6D8;
    --sq-sys-color-status-limit: #D9553D;
    --sq-sys-color-focus: #D4A93F;
    --sq-sys-ink-grain-opacity: 0.07;
    --sq-sys-ink-grain-blend: screen;
    --sq-comp-pedal-face: #17130D;
    --sq-comp-pedal-edge: #EDE6D8;
    --sq-comp-pedal-lid: #4A4034;
    --sq-comp-knob-cap: #201A12;
    --sq-comp-knob-outline: #EDE6D8;
    --sq-comp-knob-pointer: #EDE6D8;
    --sq-comp-knob-track: #4A4034;
    --sq-comp-knob-value: #D4A93F;
    --sq-comp-footswitch-body: #231D15;
    --sq-comp-footswitch-outline: #EDE6D8;
    --sq-comp-led-on: #D4A93F;
    --sq-comp-led-off: #4A4034;
    --sq-comp-led-clip: #D9553D;
    --sq-comp-legend-color: #A89878;
    --sq-comp-glyph-ink: #EDE6D8;
    --sq-comp-glyph-value: #D4A93F;
    --sq-comp-meter-level: #EDE6D8;
    --sq-comp-meter-limit: #D9553D;
    color-scheme: dark;
  }
}
[data-sq-theme="squatch-ink"][data-sq-mode="dark"] {
  --sq-sys-color-surface-canvas: #100D09;
  --sq-sys-color-surface-page: #17130D;
  --sq-sys-color-surface-raised: #201A12;
  --sq-sys-color-surface-sunken: #231D15;
  --sq-sys-color-text-primary: #EDE6D8;
  --sq-sys-color-text-secondary: #A89878;
  --sq-sys-color-text-on-accent: #17130D;
  --sq-sys-color-line-rule: #3A3226;
  --sq-sys-color-line-faint: #4A4034;
  --sq-sys-color-accent: #D4A93F;
  --sq-sys-color-status-level: #EDE6D8;
  --sq-sys-color-status-limit: #D9553D;
  --sq-sys-color-focus: #D4A93F;
  --sq-sys-ink-grain-opacity: 0.07;
  --sq-sys-ink-grain-blend: screen;
  --sq-comp-pedal-face: #17130D;
  --sq-comp-pedal-edge: #EDE6D8;
  --sq-comp-pedal-lid: #4A4034;
  --sq-comp-knob-cap: #201A12;
  --sq-comp-knob-outline: #EDE6D8;
  --sq-comp-knob-pointer: #EDE6D8;
  --sq-comp-knob-track: #4A4034;
  --sq-comp-knob-value: #D4A93F;
  --sq-comp-footswitch-body: #231D15;
  --sq-comp-footswitch-outline: #EDE6D8;
  --sq-comp-led-on: #D4A93F;
  --sq-comp-led-off: #4A4034;
  --sq-comp-led-clip: #D9553D;
  --sq-comp-legend-color: #A89878;
  --sq-comp-glyph-ink: #EDE6D8;
  --sq-comp-glyph-value: #D4A93F;
  --sq-comp-meter-level: #EDE6D8;
  --sq-comp-meter-limit: #D9553D;
  color-scheme: dark;
}