:root{--tonals-0: #f6f7f5;--tonals-5: #deded8;--tonals-10: #c6c6bd;--tonals-15: #afaea4;--tonals-20: #98978d;--tonals-30: #828078;--tonals-40: #6c6a64;--tonals-50: #565450;--tonals-60: #413f3d;--tonals-70: #2c2b2a;--tonals-80: #161616;--yellow-0: #fff28a;--yellow-5: #f6d628;--yellow-10: #e2bc20;--yellow-15: #cba321;--yellow-20: #b48c22;--yellow-30: #9b7521;--yellow-40: #83601e;--yellow-50: #6a4c19;--yellow-60: #513913;--yellow-70: #38270c;--yellow-80: #1f1405;--violet-0: #fce7ff;--violet-5: #eec6ff;--violet-10: #daa7ff;--violet-15: #c389ff;--violet-20: #a969ff;--violet-30: #9044ff;--violet-40: #7705f7;--violet-50: #5a03ce;--violet-60: #4103a3;--violet-70: #2a0277;--violet-80: #160147;--red-0: #fee9e6;--red-5: #fcc8c1;--red-10: #faa69a;--red-15: #f68272;--red-20: #eb5d4b;--red-30: #d34330;--red-40: #b23520;--red-50: #902914;--red-60: #6f1e0a;--red-70: #4e1304;--red-80: #2d0801;--green-0: #e2fe6e;--green-5: #c5e909;--green-10: #a5d306;--green-15: #80be0a;--green-20: #53ab12;--green-30: #1d952d;--green-40: #0f7b44;--green-50: #086144;--green-60: #04493c;--green-70: #02322e;--green-80: #011a1c;--palette-white: #ffffff;--palette-black: #000000;--color-surface-default: var(--tonals-80);--color-surface-raised: var(--tonals-70);--color-surface-overlay: var(--tonals-60);--color-fill-muted: var(--tonals-60);--color-fill-hover: var(--tonals-50);--color-fill-accent: var(--yellow-20);--color-fill-selection: rgb(34, 51, 51);--color-border-default: var(--tonals-50);--color-border-accent: var(--yellow-20);--color-fg-primary: var(--tonals-10);--color-fg-secondary: var(--tonals-30);--color-fg-accent: var(--yellow-20);--color-fg-on-accent: var(--tonals-80);--color-fg-error: var(--red-20);--color-highlight: var(--tonals-30);--color-cursor: var(--red-20);--color-piano-accent: var(--violet-20);--color-sheet-bg: var(--tonals-80);--color-sheet-fg: var(--tonals-10);--syntax-keyword: var(--violet-10);--syntax-string: var(--violet-15);--syntax-note: var(--yellow-5);--syntax-rest: var(--yellow-0);--syntax-operator: var(--yellow-20);--syntax-separator: var(--violet-20);--syntax-comment: var(--tonals-30);--syntax-annotation: var(--yellow-30);--syntax-meta: var(--violet-20);--color-editor-highlight-bg: color-mix(in srgb, var(--color-highlight) 6.4%, transparent);--color-editor-active-line: color-mix(in srgb, var(--color-highlight) 17%, transparent);--space-2xs: 2px;--space-xs: 4px;--space-sm: 6px;--space-md: 8px;--space-lg: 12px;--space-xl: 16px;--space-2xl: 24px;--font-family-display: "roca", Georgia, "Times New Roman", serif;--font-family-score: "linotype-didot", Didot, "Bodoni MT", "GFS Didot", serif;--font-family-ui: "laca", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-code: "Red Hat Mono", monospace;--letter-spacing-ui: .03em;--letter-spacing-editor: .02em;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--radius-sm: 4px;--radius-md: 8px;--duration-fast: .1s;--duration-normal: .15s;--easing-default: ease}[data-theme=light]{--color-surface-default: var(--tonals-5);--color-surface-raised: var(--tonals-0);--color-surface-overlay: var(--tonals-10);--color-fill-muted: var(--tonals-5);--color-fill-hover: var(--tonals-5);--color-fill-accent: var(--yellow-10);--color-fill-selection: rgb(215, 212, 240);--color-border-default: var(--tonals-15);--color-border-accent: var(--yellow-30);--color-fg-primary: var(--tonals-70);--color-fg-secondary: var(--tonals-50);--color-fg-accent: var(--yellow-40);--color-fg-on-accent: var(--tonals-70);--color-fg-error: var(--red-50);--color-highlight: var(--violet-30);--color-cursor: var(--red-70);--color-piano-accent: var(--yellow-10);--color-sheet-bg: var(--tonals-0);--color-sheet-fg: var(--tonals-80);--syntax-keyword: var(--violet-60);--syntax-string: var(--violet-50);--syntax-note: var(--yellow-60);--syntax-rest: var(--yellow-50);--syntax-operator: var(--yellow-60);--syntax-separator: var(--violet-40);--syntax-comment: var(--tonals-40);--syntax-annotation: var(--yellow-50);--syntax-meta: var(--violet-60);--color-editor-highlight-bg: color-mix(in srgb, var(--color-highlight) 8%, transparent);--color-editor-active-line: color-mix(in srgb, var(--color-highlight) 7%, transparent)}