/* GENERATED by style/gen.py from style/theme.json — do not edit by hand.

   The Studio's colour tokens. Light is :root. Dark applies when the system is
   dark and the page has not pinned data-theme="light", or when it pins
   data-theme="dark". --stage-* (on-video) and --brand-* are the same in both
   themes. Keys are style/theme.json's, kebab-cased (lineSoft -> --line-soft). */
:root{
  color-scheme:light;
  --bg:#F7F7F8;
  --surface:#FFFFFF;
  --sheet:#FFFFFF;
  --surface2:#ECEDF4;
  --input-bg:#F7F7F8;
  --line:#E8E8E8;
  --line-soft:#ECECF1;
  --line2:#D8D8D8;
  --grabber:#D8DAE6;
  --fg:#0A0A0A;
  --text2:#5A5A5A;
  --text3:#6B6B6B;
  --hot:#0A0A0A;
  --on-hot:#FFFFFF;
  --accent:#FFD400;
  --scrim:rgba(15,15,20,0.42);
  --scrim-dialog:rgba(15,15,20,0.42);
  --note-tint:#FFF6D6;
  --focus:rgba(254,44,85,0.12);
  --skel:#F0F0F2;
  --sel:#FFF9DB;
  --tint-bad-bg:#FFF1F3;
  --tint-bad-fg:#B00020;
  --tint-bad-line:#F3D3D8;
  --tint-ok-bg:#EDFBF4;
  --tint-ok-fg:#0B6B44;
  --tint-ok-line:#CDE9DA;
  --tint-work-bg:#F0FBFC;
  --tint-work-fg:#00707C;
  --tint-work-line:#C7E9ED;
  --tint-info-bg:#FFF8E6;
  --tint-info-fg:#7A4B00;
  --tint-info-line:#F2E2B8;
  --voice-bar:#0E7C8C;
  --playhead:#EE2B5B;
  --shadow-card:0 8px 24px -12px rgba(10,10,10,0.14);
  --aurora-clear:rgba(244,245,250,0);
  --aurora-lavender:#E7E0FF;
  --aurora-aqua:#D7F4EF;
  --aurora-peach:#FFE7DC;
  --glass-strong:rgba(255,255,255,0.92);
  --glass-card:rgba(255,255,255,0.78);
  --glass-wait:rgba(255,255,255,0.8);
  --dock-edge:rgba(255,255,255,0.9);
  --shadow-tint:#322D6E;
  --shadow-ink:#000000;
  --tab-icon-off:#85869A;
  --menu-icon-bg:rgba(50,45,110,0.08);
  --scrim-menu:rgba(14,12,30,0.28);
  --scrim-busy:rgba(23,23,30,0.42);
  --scrim-celebrate:rgba(10,10,10,0.45);
  --scrim-popover:rgba(10,10,10,0.35);
  --on-hot2:rgba(255,255,255,0.78);
  --hot-chip:rgba(255,255,255,0.14);
  --hot-kicker:#FFB800;
  --step-dot:#E4E5EE;
  --step-now-line:rgba(0,194,212,0.5);
  --badge-off:#F1F1F4;
  --switch-off:#D7D9E4;
  --slider-track:#E4E6F0;
  --knob:#FFFFFF;
  --swatch-well:#F0F1F6;
  --picker-ring:#FFFFFF;
  --clip-image:#7FD8B4;
  --clip-image-fg:#0B3B2B;
  --clip-thumb:rgba(0,0,0,0.15);
  --clip-lifted:#FFFFFF;
  --clip-caption:#FFC21F;
  --clip-accent:#B98CFF;
  --clip-caption-fg:#3A2A00;
  --editor-bar:rgba(255,255,255,0.95);
  --wave-lane:#E8F5F7;
  --lane-tag:rgba(255,255,255,0.9);
  --dot-ring:#FFFFFF;
  --voice-tag-fg:#0A5F6B;
  --segment-track:#ECEDF4;
  --segment-on:#FFFFFF;
  --news-card:#0A0A0A;
  --news-line:#0A0A0A;
  --news-fg:#FFFFFF;
  --news-fg2:rgba(255,255,255,0.78);
  --news-kicker:#FFB800;
  --news-btn:rgba(255,255,255,0.14);
  --news-btn-fg:#FFFFFF;
  /* on-video: the same in both themes */
  --stage-video:#0B0B10;
  --stage-camera:#000000;
  --stage-track:#12121A;
  --stage-track-frame:#2E2745;
  --stage-scrim:rgba(0,0,0,0.35);
  --stage-scrim-strong:rgba(0,0,0,0.45);
  --stage-scrim-band:rgba(0,0,0,0.55);
  --stage-rail-scrim:rgba(0,0,0,0.42);
  --stage-dim:rgba(15,12,25,0.4);
  --stage-panel:rgba(8,8,14,0.78);
  --stage-panel-soft:rgba(8,8,14,0.72);
  --stage-cap-bar:rgba(12,12,18,0.72);
  --stage-cap-bar-line:rgba(255,255,255,0.22);
  --stage-chip:rgba(255,255,255,0.18);
  --stage-fg:#FFFFFF;
  --stage-fg2:rgba(255,255,255,0.7);
  --stage-text-shadow:rgba(0,0,0,0.6);
  --stage-on-fg:#000000;
  --stage-shadow:#000000;
  --stage-text-shadow-soft:rgba(0,0,0,0.5);
  --stage-tag:rgba(0,0,0,0.5);
  --stage-dim-strong:rgba(15,12,25,0.55);
  --stage-chip-soft:rgba(255,255,255,0.16);
  --stage-ring:rgba(255,255,255,0.35);
  --stage-rail-line:rgba(255,255,255,0.28);
  --stage-progress-track:rgba(255,255,255,0.25);
  --stage-play-icon:rgba(255,255,255,0.85);
  --stage-error-icon:#FFB4B4;
  --stage-handle-rim:#E8E8E8;
  --stage-poster:#111111;
  --stage-record:#FF453A;
  --stage-scrim-btn:rgba(0,0,0,0.4);
  --stage-chip-line:rgba(255,255,255,0.45);
  --stage-film-cell:#3A3A44;
  --stage-film-cell-alt:#4A4A55;
  --stage-chrome:rgba(11,11,13,0.6);
  --stage-bubble:#FFFFFF;
  --stage-bubble-fg:#0B0B0D;
  --stage-bubble-chip:#F2F3F7;
  /* brand: the same in both themes */
  --brand-accent2:#F5C000;
  --brand-on-accent:#141414;
  --brand-amber:#FFB800;
  --brand-on-amber:#0A0A0A;
  --brand-cyan:#00C2D4;
  --brand-teal:#0E7C8C;
  --brand-coral:#EE2B5B;
  --brand-orange:#FF6A45;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#0B0B0D;
    --surface:#1C1C21;
    --sheet:#16161A;
    --surface2:#2A2A31;
    --input-bg:#0B0B0D;
    --line:#2E2E36;
    --line-soft:#2A2A31;
    --line2:#3A3A42;
    --grabber:#3A3A42;
    --fg:#FFFFFF;
    --text2:#A8A8B0;
    --text3:#93939D;
    --hot:#F2F2F4;
    --on-hot:#0B0B0D;
    --accent:#FFD400;
    --scrim:rgba(0,0,0,0.6);
    --scrim-dialog:rgba(0,0,0,0.6);
    --note-tint:rgba(255,212,0,0.12);
    --focus:rgba(255,107,142,0.35);
    --skel:#222228;
    --sel:rgba(255,212,0,0.14);
    --tint-bad-bg:#2A1416;
    --tint-bad-fg:#FF8A8A;
    --tint-bad-line:#4A2226;
    --tint-ok-bg:rgba(61,214,140,0.14);
    --tint-ok-fg:#3DD68C;
    --tint-ok-line:rgba(61,214,140,0.3);
    --tint-work-bg:rgba(63,193,207,0.14);
    --tint-work-fg:#3FC1CF;
    --tint-work-line:rgba(63,193,207,0.3);
    --tint-info-bg:rgba(255,212,0,0.12);
    --tint-info-fg:#FFD34D;
    --tint-info-line:rgba(255,212,0,0.3);
    --voice-bar:#3FC1CF;
    --playhead:#FFFFFF;
    --shadow-card:none;
    --aurora-clear:rgba(11,11,13,0);
    --aurora-lavender:rgba(155,107,255,0.08);
    --aurora-aqua:rgba(63,193,207,0.06);
    --aurora-peach:rgba(255,138,61,0.05);
    --glass-strong:rgba(28,28,33,0.94);
    --glass-card:#1C1C21;
    --glass-wait:#1C1C21;
    --dock-edge:#2E2E36;
    --shadow-tint:#000000;
    --shadow-ink:#000000;
    --tab-icon-off:#8C8C96;
    --menu-icon-bg:rgba(255,255,255,0.08);
    --scrim-menu:rgba(0,0,0,0.5);
    --scrim-busy:rgba(0,0,0,0.6);
    --scrim-celebrate:rgba(0,0,0,0.6);
    --scrim-popover:rgba(0,0,0,0.55);
    --on-hot2:rgba(11,11,13,0.72);
    --hot-chip:rgba(11,11,13,0.08);
    --hot-kicker:#8A5A00;
    --step-dot:#2E2E36;
    --step-now-line:rgba(63,193,207,0.5);
    --badge-off:#2A2A31;
    --switch-off:#3A3A42;
    --slider-track:#2E2E36;
    --knob:#F2F2F4;
    --swatch-well:#2A2A31;
    --picker-ring:#FFFFFF;
    --clip-image:#234A3E;
    --clip-image-fg:#CFF5E6;
    --clip-thumb:rgba(255,255,255,0.12);
    --clip-lifted:#FFFFFF;
    --clip-caption:#FFC21F;
    --clip-accent:#B98CFF;
    --clip-caption-fg:#3A2A00;
    --editor-bar:#0B0B0D;
    --wave-lane:#16161A;
    --lane-tag:rgba(11,11,13,0.85);
    --dot-ring:rgba(255,255,255,0.3);
    --voice-tag-fg:#BDEFF4;
    --segment-track:#0B0B0D;
    --segment-on:#2A2A31;
    --news-card:#1C1C21;
    --news-line:#2A2A31;
    --news-fg:#FFFFFF;
    --news-fg2:#A8A8B0;
    --news-kicker:#FFB800;
    --news-btn:#F2F2F4;
    --news-btn-fg:#0B0B0D;
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0B0B0D;
  --surface:#1C1C21;
  --sheet:#16161A;
  --surface2:#2A2A31;
  --input-bg:#0B0B0D;
  --line:#2E2E36;
  --line-soft:#2A2A31;
  --line2:#3A3A42;
  --grabber:#3A3A42;
  --fg:#FFFFFF;
  --text2:#A8A8B0;
  --text3:#93939D;
  --hot:#F2F2F4;
  --on-hot:#0B0B0D;
  --accent:#FFD400;
  --scrim:rgba(0,0,0,0.6);
  --scrim-dialog:rgba(0,0,0,0.6);
  --note-tint:rgba(255,212,0,0.12);
  --focus:rgba(255,107,142,0.35);
  --skel:#222228;
  --sel:rgba(255,212,0,0.14);
  --tint-bad-bg:#2A1416;
  --tint-bad-fg:#FF8A8A;
  --tint-bad-line:#4A2226;
  --tint-ok-bg:rgba(61,214,140,0.14);
  --tint-ok-fg:#3DD68C;
  --tint-ok-line:rgba(61,214,140,0.3);
  --tint-work-bg:rgba(63,193,207,0.14);
  --tint-work-fg:#3FC1CF;
  --tint-work-line:rgba(63,193,207,0.3);
  --tint-info-bg:rgba(255,212,0,0.12);
  --tint-info-fg:#FFD34D;
  --tint-info-line:rgba(255,212,0,0.3);
  --voice-bar:#3FC1CF;
  --playhead:#FFFFFF;
  --shadow-card:none;
  --aurora-clear:rgba(11,11,13,0);
  --aurora-lavender:rgba(155,107,255,0.08);
  --aurora-aqua:rgba(63,193,207,0.06);
  --aurora-peach:rgba(255,138,61,0.05);
  --glass-strong:rgba(28,28,33,0.94);
  --glass-card:#1C1C21;
  --glass-wait:#1C1C21;
  --dock-edge:#2E2E36;
  --shadow-tint:#000000;
  --shadow-ink:#000000;
  --tab-icon-off:#8C8C96;
  --menu-icon-bg:rgba(255,255,255,0.08);
  --scrim-menu:rgba(0,0,0,0.5);
  --scrim-busy:rgba(0,0,0,0.6);
  --scrim-celebrate:rgba(0,0,0,0.6);
  --scrim-popover:rgba(0,0,0,0.55);
  --on-hot2:rgba(11,11,13,0.72);
  --hot-chip:rgba(11,11,13,0.08);
  --hot-kicker:#8A5A00;
  --step-dot:#2E2E36;
  --step-now-line:rgba(63,193,207,0.5);
  --badge-off:#2A2A31;
  --switch-off:#3A3A42;
  --slider-track:#2E2E36;
  --knob:#F2F2F4;
  --swatch-well:#2A2A31;
  --picker-ring:#FFFFFF;
  --clip-image:#234A3E;
  --clip-image-fg:#CFF5E6;
  --clip-thumb:rgba(255,255,255,0.12);
  --clip-lifted:#FFFFFF;
  --clip-caption:#FFC21F;
  --clip-accent:#B98CFF;
  --clip-caption-fg:#3A2A00;
  --editor-bar:#0B0B0D;
  --wave-lane:#16161A;
  --lane-tag:rgba(11,11,13,0.85);
  --dot-ring:rgba(255,255,255,0.3);
  --voice-tag-fg:#BDEFF4;
  --segment-track:#0B0B0D;
  --segment-on:#2A2A31;
  --news-card:#1C1C21;
  --news-line:#2A2A31;
  --news-fg:#FFFFFF;
  --news-fg2:#A8A8B0;
  --news-kicker:#FFB800;
  --news-btn:#F2F2F4;
  --news-btn-fg:#0B0B0D;
}