/* Amini Music — generated from tokens.json */
:root, [data-theme="music"] {
  --surface: #F4F2EE;
  --surface-raised: #FFFFFF;
  --surface-sunken: #EAE6E0;
  --ink: #1A1714;
  --ink-muted: #5E574F;
  --line: #D8D2C9;
  --line-strong: #8A8178;
  --accent: #B8401F;
  --on-accent: #FFFFFF;
  --ember: #E4572E;
  --core: #F7B538;
  --oxblood: #AE392A;
  --ember-deep: #8E2420;
  --status-running: #A86F00;
  --status-learned: #3366B0;
  --status-scaled: #2B7550;
  --status-stopped: var(--line-strong);
}
[data-theme="labs"] {
  --surface: #141210;
  --surface-raised: #1E1A17;
  --surface-sunken: #0D0B0A;
  --ink: #F2EDE6;
  --ink-muted: #A89F95;
  --line: #3A332E;
  --line-strong: #6B625A;
  --accent: #F07A4F;
  --on-accent: #141210;
  --ember: #E4572E;
  --core: #F7B538;
  --oxblood: #AE392A;
  --ember-deep: #8E2420;
  --status-running: #F7B538;
  --status-learned: #8AB0F0;
  --status-scaled: #62C08E;
  --status-stopped: var(--line-strong);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-0: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --content-max: 1200px;
  --text-max: 680px;
  --facet: 24px;
  --font-display: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  --font-sans: "Inter", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 76px; font-weight: 300; letter-spacing: -0.01em; }
.display-l { font-family: var(--font-display); font-size: 48px; line-height: 54px; font-weight: 300; letter-spacing: -0.005em; }
.heading { font-family: var(--font-display); font-size: 32px; line-height: 38px; font-weight: 400; }
.title { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 400; }
.caps { font-family: var(--font-display); font-size: 13px; line-height: 16px; font-weight: 400; letter-spacing: 0.28em; }
.lead { font-family: var(--font-sans); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; }
.data { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }
.tag { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.06em; }