:root{--tonals-0: #f8f6f3;--tonals-5: #e4ddd2;--tonals-10: #cec4b4;--tonals-15: #b5ad9b;--tonals-20: #9d9684;--tonals-30: #848070;--tonals-40: #6d6a5d;--tonals-50: #56554b;--tonals-60: #414039;--tonals-70: #2c2b27;--tonals-80: #171614;--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: #e3fba4;--green-5: #c1ea38;--green-10: #a3d32c;--green-15: #82bd2f;--green-20: #61a737;--green-30: #429040;--green-40: #2c7845;--green-50: #1d6041;--green-60: #114838;--green-70: #08312b;--green-80: #031a19;--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)}