/* GENERATED by scripts/gen-site-tokens.mjs from frontend/src/theme (skeuo dark). Do not edit. */
:root {
  --color-desk: #141413;
  --color-well-deep: #161615;
  --color-groove: #1a1a19;
  --color-groove-alt: #1c1c1b;
  --color-timeline-empty: #1f1f1e;
  --color-timeline: #222221;
  --color-timeline-agent: #222524;
  --color-timeline-selected: #262626;
  --color-editor: #262625;
  --color-ruler: #272726;
  --color-material-card: #282827;
  --color-agent-panel: #29292a;
  --color-panel: #2c2c2b;
  --color-log-entry: #2f2f2e;
  --color-raised: #353534;
  --color-control-face: #42423f;
  --color-control-top: #42423f;
  --color-control-bottom: #313130;
  --color-pressed-top: #262625;
  --color-pressed-bottom: #2c2c2b;
  --color-transport-top: #333332;
  --color-transport-bottom: #2c2c2b;
  --color-segment-top: #45453f;
  --color-segment-bottom: #363634;
  --color-thumb-top: #5a5a57;
  --color-thumb-bottom: #3a3a38;
  --color-knob-hi: #4c4c49;
  --color-knob-lo: #2a2a29;
  --color-knob-big-hi: #555552;
  --color-knob-big-lo: #2c2c2b;
  --color-knob-inner-hi: #3a3a38;
  --color-knob-inner-lo: #252524;
  --color-cap-top: #605f5c;
  --color-cap-mid: #3c3c3a;
  --color-cap-bottom: #33332f;
  --color-header-top: #2e2e2d;
  --color-header-bottom: #2a2a29;
  --color-header-selected-top: #3a3a39;
  --color-header-selected-bottom: #333332;
  --color-header-agent-top: #2f3232;
  --color-header-agent-bottom: #2b2e2e;
  --color-insert-top: #3a3a39;
  --color-insert-bottom: #313130;
  --color-chip-top: #3a3a39;
  --color-chip-bottom: #2c2c2b;
  --color-traffic-light: #4a4a47;
  --color-ink-bright: #f2f1ee;
  --color-ink100: #e8e7e4;
  --color-ink-control: #d6d5d1;
  --color-ink-dim: #c8c7c3;
  --color-ink300: #a9a8a4;
  --color-ink500: #8b8a86;
  --color-ink-separator: #5a5957;
  --color-ink-key-white: #4a4a47;
  --color-well-ink: #f2f1ee;
  --color-well-ink-dim: #a9a8a4;
  --color-well-ink-faint: #8b8a86;
  --color-key-white: #d9d7d1;
  --color-key-black: #232322;
  --color-led: #f0e8d8;
  --color-led-off: #252523;
  --color-led-glow: rgba(255,236,205,.75);
  --color-led-glow-soft: rgba(255,236,205,.3);
  --color-led-hot: rgba(71,214,207,1);
  --color-accent: rgba(71,214,207,1);
  --color-accent-hi: rgba(118,239,231,1);
  --color-accent-lo: rgba(0,169,162,1);
  --color-accent-ink: #0f2a29;
  --color-note-top: rgba(202,172,255,1);
  --color-note-bottom: rgba(159,126,214,1);
  --color-eq-curve: rgba(195,165,249,1);
  --color-eq-handle: rgba(216,191,255,1);
  --color-eq-fill: rgba(177,145,234,1);
  --color-fam-synth: rgba(175,172,255,1);
  --color-fam-keys: rgba(219,177,85,1);
  --color-fam-bass: rgba(250,150,159,1);
  --color-fam-drums: rgba(245,160,111,1);
  --color-fam-pad: rgba(97,195,249,1);
  --color-fam-sampler: rgba(107,207,157,1);
  --color-fam-texture: rgba(231,154,214,1);
  --color-fam-dynamics: rgba(239,164,100,1);
  --color-fam-eq: rgba(201,163,245,1);
  --color-fam-drive: rgba(251,153,140,1);
  --color-fam-mod: rgba(59,207,207,1);
  --color-fam-space: rgba(130,186,255,1);
  --color-fam-pitch: rgba(241,151,194,1);
  --color-fam-utility: rgba(158,199,115,1);
  --color-neutral-dot: #5a5a57;
  --color-menu: #333332;
  --color-menu-hover: #3f3f3d;
  --color-menu-separator: #262625;
  --color-indicator: #e8e7e4;
  --color-danger: rgba(247,93,89,1);
  --color-scrim: rgba(0,0,0,0.4);
  --font-ui: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --fs-transport: 19px;
  --fs-panel-title: 14px;
  --fs-prose: 13px;
  --fs-agent-input: 12.5px;
  --fs-body: 12px;
  --fs-list: 11.5px;
  --fs-secondary: 11px;
  --fs-value: 10.5px;
  --fs-small: 10px;
  --fs-caps: 9.5px;
  --fs-kind: 9px;
  --fs-micro: 8.5px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --tracking-caps: 0.09em;
  --tracking-caps-wide: 0.1em;
  --tracking-kind: 0.05em;
  --lh-digits: 1.05;
  --lh-ui: 1.3;
  --lh-prose: 1.45;
  --lh-block: 1.5;
  --space-unit: 4px;
  --space-xs: 4px;
  --space-sm: 6px;
  --space-md: 8px;
  --space-lg: 10px;
  --space-xl: 12px;
  --space-xxl: 14px;
  --space-xxxl: 16px;
  --radius-xs: 2px;
  --radius-sm: 3px;
  --radius-clip: 4px;
  --radius-button: 4px;
  --radius-md: 5px;
  --radius-control: 6px;
  --radius-lg: 7px;
  --radius-glass: 8px;
  --radius-window: 10px;
  --size-window-width: 1600px;
  --size-window-height: 1000px;
  --size-min-window-width: 1280px;
  --size-min-window-height: 800px;
  --size-title-bar: 28px;
  --size-transport: 52px;
  --size-arrange-toolbar: 32px;
  --size-ruler: 28px;
  --size-track-row: 70px;
  --size-editor: 300px;
  --size-editor-header: 32px;
  --size-editor-ruler: 18px;
  --size-key-column: 56px;
  --size-key-row: 10px;
  --size-key-rows: 25px;
  --size-controller-lane: 96px;
  --size-controller-point: 3px;
  --size-controller-grip: 6px;
  --size-controller-inset: 6px;
  --size-agent-header: 44px;
  --size-browser: 220px;
  --size-track-header: 184px;
  --size-inspector: 240px;
  --size-agent-panel: 380px;
  --size-agent-rail: 32px;
  --size-browser-min: 168px;
  --size-inspector-min: 196px;
  --size-agent-panel-min: 292px;
  --size-arrangement-min: 280px;
  --size-button-w: 34px;
  --size-button-h: 26px;
  --size-play-button-w: 44px;
  --size-small-button-w: 20px;
  --size-small-button-h: 17px;
  --size-time-display-h: 34px;
  --size-knob-sm: 20px;
  --size-knob-md: 26px;
  --size-knob-lg: 36px;
  --size-knob-xl: 46px;
  --size-slider-thumb: 13px;
  --size-slider-rail-h: 4px;
  --size-slider-travel: 60px;
  --size-fader-h: 150px;
  --size-fader-rail-w: 8px;
  --size-fader-cap-w: 28px;
  --size-fader-cap-h: 18px;
  --size-led-seg-w: 5px;
  --size-led-seg-h: 6px;
  --size-led-cpu-h: 14px;
  --size-zoom-rail-w: 90px;
  --size-zoom-thumb: 12px;
  --size-traffic-light: 11px;
  --size-traffic-light-inset: 78px;
  --size-color-strip: 5px;
  --size-clip-inset: 5px;
  --size-clip-title: 14px;
  --size-clip-note-h: 3px;
  --size-clip-edge-grip: 7px;
  --size-cycle-grip: 6px;
  --size-fade-handle: 7px;
  --size-fade-grip: 6px;
  --size-marker-top: 15px;
  --size-marker-h: 12px;
  --size-note-edge-grip: 5px;
  --size-menu-min-w: 200px;
  --size-menu-item-h: 24px;
  --size-menu-pad: 4px;
  --size-inline-input-h: 18px;
  --timeline-px-per-bar: 48px;
  --timeline-editor-px-per-bar: 88px;
  --timeline-editor-min-px-per-bar: 28px;
  --timeline-staff-line-gap: 8px;
  --timeline-note-head-r: 3.5px;
  --timeline-min-px-per-bar: 12px;
  --timeline-max-px-per-bar: 480px;
  --timeline-ruler-tick-h: 6px;
  --timeline-playhead-flag-w: 14px;
  --timeline-playhead-flag-h: 8px;
  --gradient-raised: linear-gradient(180deg, #42423f, #313130);
  --gradient-raised-hover: linear-gradient(180deg, #45453f, #363634);
  --gradient-pressed: linear-gradient(180deg, #262625, #2c2c2b);
  --gradient-lit: radial-gradient(circle at 50% 30%, rgba(118,239,231,1), rgba(0,169,162,1));
  --gradient-transport: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-title-bar: linear-gradient(180deg, #2c2c2b, #2c2c2b);
  --gradient-segment: linear-gradient(180deg, #45453f, #363634);
  --gradient-thumb: linear-gradient(180deg, #5a5a57, #3a3a38);
  --gradient-knob: radial-gradient(circle at 50% 28%, #4c4c49, #2a2a29 72%);
  --gradient-knob-big: radial-gradient(circle at 50% 25%, #555552, #2c2c2b 70%);
  --gradient-knob-inner: radial-gradient(circle at 50% 35%, #3a3a38, #252524);
  --gradient-fader-cap: linear-gradient(180deg, #605f5c, #3c3c3a 55%, #33332f);
  --gradient-header: linear-gradient(180deg, #2e2e2d, #2a2a29);
  --gradient-header-selected: linear-gradient(180deg, #3a3a39, #333332);
  --gradient-header-agent: linear-gradient(180deg, #2f3232, #2b2e2e);
  --gradient-panel-header: linear-gradient(180deg, #2c2c2b, #2c2c2b);
  --gradient-insert: linear-gradient(180deg, #3a3a39, #313130);
  --gradient-chip: linear-gradient(180deg, #3a3a39, #2c2c2b);
  --gradient-send-key: radial-gradient(circle at 50% 30%, rgba(118,239,231,1), rgba(0,169,162,1));
  --gradient-note: linear-gradient(180deg, rgba(202,172,255,1), rgba(159,126,214,1));
  --gradient-eq-grid: repeating-linear-gradient(90deg, rgba(255,255,255,0.05) 0 1px, transparent 1px 42px), linear-gradient(180deg, transparent 36px, rgba(255,255,255,0.08) 36px, rgba(255,255,255,0.08) 37px, transparent 37px);
  --gradient-dialog: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-dialog-header: linear-gradient(180deg, #333332, #2c2c2b);
  --gradient-plate: linear-gradient(180deg, #353534, #2c2c2b);
  --shadow-raised: inset 0 1px 0 rgba(255,255,255,0.09), inset 0 -1px 0 rgba(0,0,0,0.35), 0 1px 2px rgba(0,0,0,0.55), 0 3px 5px rgba(0,0,0,0.25);
  --shadow-raised-sm: inset 0 1px 0 rgba(255,255,255,0.09), 0 1px 2px rgba(0,0,0,0.55);
  --shadow-pressed: inset 0 2px 4px rgba(0,0,0,0.65), inset 0 1px 1px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-lit: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.6), 0 0 12px rgba(71,214,207,0.55), 0 0 22px rgba(71,214,207,0.25);
  --shadow-knob: inset 0 1px 0 rgba(255,255,255,0.16), inset 0 -1px 1px rgba(0,0,0,0.6), 0 2px 3px rgba(0,0,0,0.6), 0 4px 7px rgba(0,0,0,0.3);
  --shadow-knob-big: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -2px 2px rgba(0,0,0,0.6), 0 3px 4px rgba(0,0,0,0.65), 0 8px 12px rgba(0,0,0,0.35);
  --shadow-knob-inner: inset 0 1px 1px rgba(0,0,0,0.7), 0 1px 0 rgba(255,255,255,0.08);
  --shadow-knob-indicator: inset 0 0 1px rgba(0,0,0,0.9), 0 0 0 1px rgba(0,0,0,0.35);
  --shadow-fader-cap: inset 0 1px 0 rgba(255,255,255,0.25), inset 0 -1px 0 rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.7), 0 5px 8px rgba(0,0,0,0.35);
  --shadow-thumb: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.6), 0 3px 4px rgba(0,0,0,0.3);
  --shadow-groove: inset 0 1px 3px rgba(0,0,0,0.9), inset 0 0 0 1px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-soft: inset 0 1px 2px rgba(0,0,0,0.85), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-shallow: inset 0 1px 3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-groove-send: inset 0 1px 2px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.04);
  --shadow-well-deep: inset 0 2px 5px rgba(0,0,0,0.85), inset 0 0 0 1px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.06);
  --shadow-well-input: inset 0 2px 4px rgba(0,0,0,0.8), inset 0 0 0 1px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.05);
  --shadow-well-value: inset 0 1px 3px rgba(0,0,0,0.85);
  --shadow-segment: inset 0 1px 0 rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-clip: inset 0 1px 0 rgba(255,255,255,0.22), inset 0 -1px 0 rgba(0,0,0,0.4), 0 2px 3px rgba(0,0,0,0.55), 0 5px 10px rgba(0,0,0,0.3);
  --shadow-clip-agent: 0 0 0 1px rgba(71,214,207,1), 0 0 14px rgba(71,214,207,0.45);
  --shadow-clip-selected: 0 0 0 1.5px #e8e7e4;
  --shadow-led-lit: 0 0 4px rgba(255,236,205,.75), 0 0 9px rgba(255,236,205,.3);
  --shadow-led-accent: 0 0 5px rgba(71,214,207,0.9), 0 0 10px rgba(71,214,207,0.4);
  --shadow-led-off: inset 0 1px 0 rgba(0,0,0,0.6);
  --shadow-led-empty: inset 0 0 0 1px rgba(255,255,255,0.12);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.15), 0 0 0 1px rgba(0,0,0,0.4), 0 3px 8px rgba(0,0,0,0.4);
  --shadow-glass-agent: inset 0 1px 0 rgba(255,255,255,0.18), 0 0 0 1px rgba(71,214,207,0.45), 0 4px 12px rgba(0,0,0,0.5), 0 0 18px rgba(71,214,207,0.18);
  --shadow-glass-card: inset 0 1px 0 rgba(255,255,255,0.14), 0 0 0 1px rgba(71,214,207,0.35), 0 6px 18px rgba(0,0,0,0.45), 0 0 24px rgba(71,214,207,0.12);
  --shadow-accent-dot: 0 0 6px rgba(71,214,207,0.9), 0 0 12px rgba(71,214,207,0.4);
  --shadow-accent-dot-lg: 0 0 6px rgba(71,214,207,0.9), 0 0 14px rgba(71,214,207,0.45);
  --shadow-accent-bar: 0 0 6px rgba(71,214,207,0.7);
  --shadow-playhead: 0 0 5px rgba(71,214,207,0.7), 0 0 14px rgba(71,214,207,0.25);
  --shadow-playhead-ruler: 0 0 6px rgba(71,214,207,0.8);
  --shadow-header-cell: inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-header-cell-agent: inset 0 0 0 1px rgba(71,214,207,0.55), inset 0 0 18px rgba(71,214,207,0.12), inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-header-column: inset -1px 0 0 rgba(0,0,0,0.6);
  --shadow-color-strip: inset -1px 0 0 rgba(0,0,0,0.4), inset 1px 0 0 rgba(255,255,255,0.15);
  --shadow-swatch: inset 0 1px 0 rgba(255,255,255,0.25), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-swatch-sm: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-traffic-light: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 1px rgba(0,0,0,0.5);
  --shadow-title-bar: inset 0 -1px 0 rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05);
  --shadow-transport: inset 0 1px 0 rgba(255,255,255,0.06), 0 2px 6px rgba(0,0,0,0.45);
  --shadow-toolbar: inset 0 -1px 0 rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.03);
  --shadow-toolbar-editor: inset 0 -1px 0 rgba(0,0,0,0.6);
  --shadow-ruler-corner: inset -1px 0 0 rgba(0,0,0,0.6), inset 0 -1px 0 rgba(0,0,0,0.6);
  --shadow-panel-left: inset -1px 0 0 rgba(0,0,0,0.6), inset -2px 0 4px rgba(0,0,0,0.25);
  --shadow-panel-right: inset 1px 0 0 rgba(0,0,0,0.6), inset 2px 0 4px rgba(0,0,0,0.25);
  --shadow-panel-agent: inset 1px 0 0 rgba(0,0,0,0.65), inset 3px 0 6px rgba(0,0,0,0.3);
  --shadow-panel-agent-rail: inset 1px 0 0 rgba(0,0,0,0.65);
  --shadow-editor-pane: 0 -3px 10px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.06);
  --shadow-key-column: inset -1px 0 0 rgba(0,0,0,0.7);
  --shadow-key-row: inset 0 -1px 0 rgba(0,0,0,0.35);
  --shadow-divider: inset 0 -1px 0 rgba(0,0,0,0.5);
  --shadow-divider-top: inset 0 1px 0 rgba(255,255,255,0.04);
  --shadow-log-entry: inset 0 1px 0 rgba(255,255,255,0.04), 0 1px 2px rgba(0,0,0,0.35);
  --shadow-log-chip: inset 0 1px 0 rgba(255,255,255,0.12), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-insert: inset 0 1px 0 rgba(255,255,255,0.08), 0 1px 2px rgba(0,0,0,0.5);
  --shadow-insert-empty: inset 0 1px 2px rgba(0,0,0,0.6), 0 1px 0 rgba(255,255,255,0.04);
  --shadow-led-insert-off: inset 0 1px 1px rgba(0,0,0,0.8);
  --shadow-window: 0 30px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(255,255,255,0.06);
  --shadow-send-key: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.6), 0 0 12px rgba(71,214,207,0.4);
  --shadow-menu: inset 0 1px 0 rgba(255,255,255,0.08), 0 0 0 1px rgba(0,0,0,0.6), 0 8px 24px rgba(0,0,0,0.55), 0 2px 6px rgba(0,0,0,0.4);
  --shadow-dialog: inset 0 1px 0 rgba(255,255,255,0.12), 0 0 0 1px rgba(0,0,0,0.7), 0 18px 55px rgba(0,0,0,0.6), 0 4px 12px rgba(0,0,0,0.35);
  --shadow-inline-input: inset 0 1px 2px rgba(0,0,0,0.7), 0 0 0 1px rgba(71,214,207,0.6);
  --shadow-note: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.3);
  --shadow-fader-line-hi: 0 1px 0 rgba(255,255,255,0.14);
  --shadow-milled-hi: 1px 0 0 rgba(255,255,255,0.12);
  --shadow-plate: inset 0 1px 0 rgba(255,255,255,0.1), inset 0 -1px 0 rgba(0,0,0,0.5), 0 0 0 1px rgba(0,0,0,0.55), 0 2px 5px rgba(0,0,0,0.4);
  --shadow-focus: 0 0 0 2px rgba(71,214,207,1);
  --fill-glass: rgba(60,60,58,.55);
  --fill-glass-agent: rgba(58,64,64,.55);
  --fill-glass-card: rgba(66,70,70,.4);
  --fill-log-live: rgba(66,70,70,.35);
  --fill-log-chip-live: rgba(0,0,0,0.25);
  --fill-browser-highlight: rgba(255,255,255,0.07);
  --fill-cycle-ruler: rgba(255,255,255,0.09);
  --fill-cycle-lane: rgba(255,255,255,0.025);
  --fill-clip-title: rgba(0,0,0,0.22);
  --fill-row-shade: rgba(255,255,255,0.035);
  --fill-black-key-row: rgba(0,0,0,0.14);
  --fill-eq-grid-line: rgba(255,255,255,0.05);
  --fill-eq-zero-line: rgba(255,255,255,0.08);
  --fill-velocity: rgba(255,255,255,0.18);
  --fill-drag-ghost: rgba(255,255,255,0.12);
  --fill-pencil-preview: rgba(71,214,207,0.25);
  --fill-cycle-handle: rgba(255,255,255,0.35);
  --fill-drop-target: rgba(71,214,207,0.12);
  --fill-step-cell: rgba(255,255,255,0.06);
  --fill-hover: rgba(255,255,255,0.05);
  --fill-fade-shade: rgba(0,0,0,0.38);
  --fill-fade-handle: rgba(255,255,255,0.9);
  --fill-marker-flag: rgba(22,22,21,.78);
  --line-bar-line: rgba(255,255,255,0.075);
  --line-beat-line: rgba(255,255,255,0.025);
  --line-ruler-bar: rgba(255,255,255,0.16);
  --line-ruler-tick: rgba(255,255,255,0.07);
  --line-cycle-edge: rgba(255,255,255,0.2);
  --line-editor-bar: rgba(255,255,255,0.09);
  --line-editor-beat: rgba(255,255,255,0.03);
  --line-waveform: rgba(255,255,255,0.72);
  --line-waveform-mid: rgba(255,255,255,0.35);
  --line-midi-note: rgba(255,255,255,0.78);
  --line-clip-name: rgba(255,255,255,0.93);
  --line-clip-title-bottom: rgba(0,0,0,0.2);
  --line-clip-highlight: rgba(255,255,255,0.22);
  --line-clip-contact: rgba(20,20,19,.4);
  --line-clip-selected: rgba(255,255,255,0.85);
  --line-cell-divider: rgba(255,255,255,0.06);
  --line-divider-dark: rgba(0,0,0,0.5);
  --line-lane-top: rgba(255,255,255,0.02);
  --line-lane-bottom: rgba(0,0,0,0.45);
  --line-ruler-bottom: rgba(0,0,0,0.6);
  --line-fader-line: rgba(0,0,0,0.7);
  --line-fader-line-hi: rgba(255,255,255,0.14);
  --line-milled: rgba(0,0,0,0.6);
  --line-milled-hi: rgba(255,255,255,0.12);
  --line-drag-ghost-edge: rgba(255,255,255,0.5);
  --line-note-selected: rgba(255,255,255,0.9);
  --line-note-highlight: rgba(255,255,255,0.35);
  --line-split-guide: rgba(71,214,207,0.9);
  --line-staff: rgba(255,255,255,0.35);
  --line-note-head: rgba(255,255,255,0.9);
  --line-border: rgba(0,0,0,0.55);
  --line-border-strong: rgba(0,0,0,0.7);
  --line-hairline: rgba(255,255,255,0.05);
  --line-fade-curve: rgba(255,255,255,0.85);
  --line-marker: rgba(233,180,82,1);
  --line-marker-lane: rgba(233,180,82,0.3);
  --blur-glass: 8px;
  --blur-glass-agent: 10px;
  --blur-glass-card: 12px;
  --motion-fast: 80ms;
  --motion-base: 160ms;
  --motion-slow: 260ms;
  --motion-ease: cubic-bezier(0.3, 0, 0.2, 1);
  --motion-enter: cubic-bezier(0.16, 0.84, 0.3, 1);
  --motion-exit: cubic-bezier(0.5, 0, 0.9, 0.4);
  --motion-settle: cubic-bezier(0.3, 1.35, 0.5, 1);
  --display-glow: 0.2;
  --ring-glow: rgba(71,214,207,0.55);
  --skeuo-grain: repeating-linear-gradient(90deg, rgba(255,255,255,0.012) 0 1px, transparent 1px 3px);
  --site-accent-glow: rgba(71,214,207,0.07);
  --site-accent-glow-strong: rgba(71,214,207,0.16);
  color-scheme: dark;
}