:root {
  --brand: #ec0477;
  --brand-soft: rgba(236, 4, 119, 0.55);
  --brand-glow: rgba(236, 4, 119, 0.35);
  --danger: #f04a5a;
  --bg: #131518;
  --panel: #1a1c24;
  --card: #191b22;
  --raise: #22252d;
  --hairline: rgba(255, 255, 255, 0.07);
  --hairline-w: 1px;
  --grid-line: rgba(255, 255, 255, 0.1);
  --ink-hi: #f4f5f7;
  --ink-mid: #c2c5cf;
  --ink-low: #7c808d;
  --icon-idle: #c9ccd4;
  --icon-dim: #8b909c;
  --ink-on-accent: #08090d;
  --fs-label: var(--type-body);
  --fw-title: 700;
  --fw-head: 600;
  --fw-sub: 600;
  --fw-label: 500;
  --fw-cap: 400;
  --fw-micro: 400;
  --fw-nano: 400;
  --fw-thin: 300;
  --ty-title-w: 600;
  --ty-body-w: 500;
  --ty-small-w: 400;
  --rail-w: 48px;
  --lane-w: 334px;
  --row-audio-h: 44px;
  --row-h: 44px;
  --row-gap: 8px;
  --clip-radius: 9px;
  --clip-gap: 6px;
  --isle-h: 76px;
  --isle-r: 24px;
  --isle-mb: 24px;
  --isle-cell: 54px;
  --menu-gap: 6px;
  --menu-icon-isle: 22px;
  --menu-icon-obj: 20px;
  --tk-audio-a: #2b18c0;
  --tk-audio-b: #5638ec;
  --tk-audio-wave: #aba0f4;
  --tk-choreo-dim: #451028;
  --tk-choreo-loc: #7e1147;
  --tk-choreo-bright: #ec0477;
  --tk-choreo-deep: #2e0a1b;
  --tk-choreo-ink: #fbd3e8;
  --tk-choreo-selink: #ffffff;
  --tk-props-dim: #0c333d;
  --tk-props-loc: #11576a;
  --tk-props-bright: #22b8d4;
  --tk-props-ink: #c8eff8;
  --tk-props-selink: #06262e;
  --tk-notes-dim: #453f0e;
  --tk-notes-loc: #7a7014;
  --tk-notes-bright: #e0d93a;
  --tk-notes-ink: #f4efaf;
  --tk-notes-selink: #2a2708;
  --trace-prev: #c9ccd4;
  --trace-next: #9fe6c9;
  --anchor-start: #63c2ee;
  --anchor-end: #0995de;
  --handle-ink: #ffffff;
  --playhead: #ffffff;
  --tick: rgba(255, 255, 255, 0.78);
  --tick-dim: rgba(255, 255, 255, 0.3);
}

:root {
  --type-step-1: 10px;
  --type-step-2: 12px;
  --type-step-3: 14px;
  --type-step-4: 15px;
  --type-step-5: 17px;
  --type-step-6: 20px;
  --type-channel-title: var(--type-step-6);
  --type-page-title: var(--type-step-5);
  --type-section-title: var(--type-step-4);
  --type-body: var(--type-step-3);
  --type-minor: var(--type-step-2);
  --type-lh-clip-safe: 1.25;
  --type-b-minor: var(--type-step-1);
  --type-b-body: var(--type-step-2);
  --type-b-title: var(--type-step-3);
  --type-b-hero: var(--type-step-5);
}

:root {
  --r-tag: 3px;
  --r-card: 9px;
  --r-field: 12px;
  --r-sheet: 18px;
  --r-pill: 999px;
  --r-round: 50%;
}

:root {
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 24px;
  --space-hairline: var(--space-1);
  --space-tight: var(--space-2);
  --space-item: var(--space-3);
  --space-row: var(--space-4);
  --space-block: var(--space-5);
  --space-section: var(--space-6);
}

:root {
  --bf-tier-ultra: #ffd24a;
}