/* GENERATED from docs/design_tokens.json by tool/generate_tokens.dart. Do not edit. */
:root {
  --color-bg: #141416;
  --color-panel: #1C1C20;
  --color-raised: #26262B;
  --color-selected: #34343A;
  --color-border: #34343A;
  --color-border-subtle: #26262B;
  --color-border-strong: #5A5A63;
  --color-video-black: #0B0B0C;
  --color-text: #F2F2F3;
  --color-text-secondary: #A4A4AD;
  --color-accent: #FF8A4C;
  --color-on-accent: #1A0E07;
  --color-accent-tint: #2B201A;
  --color-accent-text: #FFB48A;
  --color-accent-hover: #FF9157;
  --color-accent-pressed: #F08247;
  --color-success: #3DD68C;
  --color-success-tint: #15301F;
  --color-danger: #D13438;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #FF8B8E;
  --color-danger-tint: #2A1718;
  --color-danger-border: #5A2A2C;
  --color-warning: #F5C542;
  --color-info: #9DB8FF;
  --color-info-tint: #1B2738;
  --color-info-text: #9DC4FF;
  --color-scrim: rgba(0, 0, 0, 0.60);
  --color-shadow: rgba(0, 0, 0, 0.50);
  --font-family: "Inter", sans-serif;
  --font-family-mono: "JetBrains Mono", monospace;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 24px;
  --radius-checkbox: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-video: 10px;
  --radius-lg: 12px;
  --radius-pill: 14px;
  --text-price-size: 56px;
  --text-price-weight: 800;
  --text-clock-size: 48px;
  --text-clock-weight: 700;
  --text-title-large-size: 20px;
  --text-title-large-weight: 700;
  --text-title-size: 18px;
  --text-title-weight: 700;
  --text-window-title-size: 14px;
  --text-window-title-weight: 600;
  --text-body-size: 13px;
  --text-body-weight: 400;
  --text-body-strong-size: 13px;
  --text-body-strong-weight: 600;
  --text-caption-size: 12px;
  --text-caption-weight: 400;
  --text-overline-size: 11px;
  --text-overline-weight: 700;
  --motion-transition: 150ms;
}
/* The store's look, set on <html> by the website: data-theme and
   data-appearance (system follows the buyer's device). */
:root { color-scheme: dark; }
:root[data-appearance="light"] { color-scheme: light; }
:root[data-appearance="system"] { color-scheme: light dark; }

:root[data-theme="studio"][data-appearance="light"] {
  --color-bg: #F3F3F5;
  --color-panel: #FFFFFF;
  --color-raised: #EEEEF1;
  --color-selected: #E2E2E7;
  --color-border: #D9D9DF;
  --color-border-subtle: #E9E9EE;
  --color-border-strong: #A0A0AA;
  --color-video-black: #0B0B0C;
  --color-text: #18181B;
  --color-text-secondary: #5C5C66;
  --color-accent: #B8500C;
  --color-on-accent: #FFFFFF;
  --color-accent-tint: #FEF3EB;
  --color-accent-text: #A2460A;
  --color-accent-hover: #A9490B;
  --color-accent-pressed: #9A430A;
  --color-success: #17794A;
  --color-success-tint: #E2F4E9;
  --color-danger: #C42B2F;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #B0242A;
  --color-danger-tint: #FCE9E9;
  --color-danger-border: #F0B9BB;
  --color-warning: #875F00;
  --color-info: #2E59C9;
  --color-info-tint: #E7EDFB;
  --color-info-text: #2449AE;
  --color-scrim: rgba(0, 0, 0, 0.30);
  --color-shadow: rgba(0, 0, 0, 0.20);
}
@media (prefers-color-scheme: light) {
  :root[data-theme="studio"][data-appearance="system"] {
    --color-bg: #F3F3F5;
    --color-panel: #FFFFFF;
    --color-raised: #EEEEF1;
    --color-selected: #E2E2E7;
    --color-border: #D9D9DF;
    --color-border-subtle: #E9E9EE;
    --color-border-strong: #A0A0AA;
    --color-video-black: #0B0B0C;
    --color-text: #18181B;
    --color-text-secondary: #5C5C66;
    --color-accent: #B8500C;
    --color-on-accent: #FFFFFF;
    --color-accent-tint: #FEF3EB;
    --color-accent-text: #A2460A;
    --color-accent-hover: #A9490B;
    --color-accent-pressed: #9A430A;
    --color-success: #17794A;
    --color-success-tint: #E2F4E9;
    --color-danger: #C42B2F;
    --color-on-danger: #FFFFFF;
    --color-danger-text: #B0242A;
    --color-danger-tint: #FCE9E9;
    --color-danger-border: #F0B9BB;
    --color-warning: #875F00;
    --color-info: #2E59C9;
    --color-info-tint: #E7EDFB;
    --color-info-text: #2449AE;
    --color-scrim: rgba(0, 0, 0, 0.30);
    --color-shadow: rgba(0, 0, 0, 0.20);
  }
}

:root[data-theme="ocean"] {
  --color-bg: #0B0E11;
  --color-panel: #1C1F26;
  --color-raised: #282B31;
  --color-selected: #34363D;
  --color-border: #2A2F36;
  --color-border-subtle: #282B31;
  --color-border-strong: #5D6167;
  --color-video-black: #0B0B0C;
  --color-text: #E1E2E5;
  --color-text-secondary: #C1C7CE;
  --color-accent: #66B0FF;
  --color-on-accent: #0B0E11;
  --color-accent-tint: #0E2A47;
  --color-accent-text: #99CBFF;
  --color-accent-hover: #6FB5FF;
  --color-accent-pressed: #60A5F0;
  --color-success: #4CAF6D;
  --color-success-tint: #202B2C;
  --color-danger: #D13438;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #E5675F;
  --color-danger-tint: #2C252B;
  --color-danger-border: #6C3C3D;
  --color-warning: #E09A3E;
  --color-info: #5CCFCB;
  --color-info-tint: #123134;
  --color-info-text: #7FDCD8;
  --color-scrim: rgba(0, 0, 0, 0.60);
  --color-shadow: rgba(0, 0, 0, 0.50);
}
:root[data-theme="ocean"][data-appearance="light"] {
  --color-bg: #F8F9FA;
  --color-panel: #FFFFFF;
  --color-raised: #EFF0F1;
  --color-selected: #E4E5E6;
  --color-border: #DEE2E6;
  --color-border-subtle: #EDEFF1;
  --color-border-strong: #999DA0;
  --color-video-black: #0B0B0C;
  --color-text: #1A1C1E;
  --color-text-secondary: #42474E;
  --color-accent: #006FE9;
  --color-on-accent: #FFFFFF;
  --color-accent-tint: #F7FBFF;
  --color-accent-text: #0062CC;
  --color-accent-hover: #0066D6;
  --color-accent-pressed: #005DC4;
  --color-success: #1A7E36;
  --color-success-tint: #EDF6F0;
  --color-danger: #C42B2F;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #C5221F;
  --color-danger-tint: #FAEDED;
  --color-danger-border: #E8A7A5;
  --color-warning: #9E5E00;
  --color-info: #0B7076;
  --color-info-tint: #E0F3F2;
  --color-info-text: #09646A;
  --color-scrim: rgba(0, 0, 0, 0.30);
  --color-shadow: rgba(0, 0, 0, 0.20);
}
@media (prefers-color-scheme: light) {
  :root[data-theme="ocean"][data-appearance="system"] {
    --color-bg: #F8F9FA;
    --color-panel: #FFFFFF;
    --color-raised: #EFF0F1;
    --color-selected: #E4E5E6;
    --color-border: #DEE2E6;
    --color-border-subtle: #EDEFF1;
    --color-border-strong: #999DA0;
    --color-video-black: #0B0B0C;
    --color-text: #1A1C1E;
    --color-text-secondary: #42474E;
    --color-accent: #006FE9;
    --color-on-accent: #FFFFFF;
    --color-accent-tint: #F7FBFF;
    --color-accent-text: #0062CC;
    --color-accent-hover: #0066D6;
    --color-accent-pressed: #005DC4;
    --color-success: #1A7E36;
    --color-success-tint: #EDF6F0;
    --color-danger: #C42B2F;
    --color-on-danger: #FFFFFF;
    --color-danger-text: #C5221F;
    --color-danger-tint: #FAEDED;
    --color-danger-border: #E8A7A5;
    --color-warning: #9E5E00;
    --color-info: #0B7076;
    --color-info-tint: #E0F3F2;
    --color-info-text: #09646A;
    --color-scrim: rgba(0, 0, 0, 0.30);
    --color-shadow: rgba(0, 0, 0, 0.20);
  }
}

:root[data-theme="forest"] {
  --color-bg: #201B14;
  --color-panel: #2A241B;
  --color-raised: #363026;
  --color-selected: #423C32;
  --color-border: #3B342A;
  --color-border-subtle: #363026;
  --color-border-strong: #6D675B;
  --color-video-black: #0B0B0C;
  --color-text: #EFE9DA;
  --color-text-secondary: #A79D8B;
  --color-accent: #7FB86B;
  --color-on-accent: #201B14;
  --color-accent-tint: #2F3A29;
  --color-accent-text: #9CCB8A;
  --color-accent-hover: #87BC74;
  --color-accent-pressed: #77AD65;
  --color-success: #7FB86B;
  --color-success-tint: #313021;
  --color-danger: #D13438;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #DC766B;
  --color-danger-tint: #382A20;
  --color-danger-border: #704035;
  --color-warning: #D98D55;
  --color-info: #9DB8FF;
  --color-info-tint: #3A393B;
  --color-info-text: #9DC4FF;
  --color-scrim: rgba(0, 0, 0, 0.60);
  --color-shadow: rgba(0, 0, 0, 0.50);
}
:root[data-theme="forest"][data-appearance="light"] {
  --color-bg: #F7F3EA;
  --color-panel: #FFFFFF;
  --color-raised: #EFEBE2;
  --color-selected: #E5E0D7;
  --color-border: #E2DCCE;
  --color-border-subtle: #EFECE4;
  --color-border-strong: #A29C90;
  --color-video-black: #0B0B0C;
  --color-text: #2B241C;
  --color-text-secondary: #6B6355;
  --color-accent: #3E7C4F;
  --color-on-accent: #FFFFFF;
  --color-accent-tint: #F1F6EE;
  --color-accent-text: #2E5F3C;
  --color-accent-hover: #397249;
  --color-accent-pressed: #346842;
  --color-success: #3E7C4F;
  --color-success-tint: #F0F5F1;
  --color-danger: #C42B2F;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #A83A2E;
  --color-danger-tint: #F8EFEE;
  --color-danger-border: #DCB0AB;
  --color-warning: #A0562A;
  --color-info: #2E59C9;
  --color-info-tint: #E6EBF9;
  --color-info-text: #2449AE;
  --color-scrim: rgba(0, 0, 0, 0.30);
  --color-shadow: rgba(0, 0, 0, 0.20);
}
@media (prefers-color-scheme: light) {
  :root[data-theme="forest"][data-appearance="system"] {
    --color-bg: #F7F3EA;
    --color-panel: #FFFFFF;
    --color-raised: #EFEBE2;
    --color-selected: #E5E0D7;
    --color-border: #E2DCCE;
    --color-border-subtle: #EFECE4;
    --color-border-strong: #A29C90;
    --color-video-black: #0B0B0C;
    --color-text: #2B241C;
    --color-text-secondary: #6B6355;
    --color-accent: #3E7C4F;
    --color-on-accent: #FFFFFF;
    --color-accent-tint: #F1F6EE;
    --color-accent-text: #2E5F3C;
    --color-accent-hover: #397249;
    --color-accent-pressed: #346842;
    --color-success: #3E7C4F;
    --color-success-tint: #F0F5F1;
    --color-danger: #C42B2F;
    --color-on-danger: #FFFFFF;
    --color-danger-text: #A83A2E;
    --color-danger-tint: #F8EFEE;
    --color-danger-border: #DCB0AB;
    --color-warning: #A0562A;
    --color-info: #2E59C9;
    --color-info-tint: #E6EBF9;
    --color-info-text: #2449AE;
    --color-scrim: rgba(0, 0, 0, 0.30);
    --color-shadow: rgba(0, 0, 0, 0.20);
  }
}

:root[data-theme="twilight"] {
  --color-bg: #161826;
  --color-panel: #232532;
  --color-raised: #2F313D;
  --color-selected: #3B3D48;
  --color-border: #3F424D;
  --color-border-subtle: #2F313D;
  --color-border-strong: #6F717A;
  --color-video-black: #0B0B0C;
  --color-text: #E9E9ED;
  --color-text-secondary: #A0A1A8;
  --color-accent: #9184D9;
  --color-on-accent: #161826;
  --color-accent-tint: #28273B;
  --color-accent-text: #9C92D0;
  --color-accent-hover: #988BDB;
  --color-accent-pressed: #887CCC;
  --color-success: #63B984;
  --color-success-tint: #283139;
  --color-danger: #D13438;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #E0776A;
  --color-danger-tint: #322C36;
  --color-danger-border: #6F4648;
  --color-warning: #A7A1DB;
  --color-info: #9DB8FF;
  --color-info-tint: #343A4F;
  --color-info-text: #9DC4FF;
  --color-scrim: rgba(0, 0, 0, 0.60);
  --color-shadow: rgba(0, 0, 0, 0.50);
}
:root[data-theme="twilight"][data-appearance="light"] {
  --color-bg: #F3F5FE;
  --color-panel: #FFFFFF;
  --color-raised: #EAECF5;
  --color-selected: #DFE1EB;
  --color-border: #CFD3E5;
  --color-border-subtle: #E5E7F1;
  --color-border-strong: #8E92A2;
  --color-video-black: #0B0B0C;
  --color-text: #161826;
  --color-text-secondary: #595D6C;
  --color-accent: #5D5294;
  --color-on-accent: #FFFFFF;
  --color-accent-tint: #E7E5FE;
  --color-accent-text: #423A6A;
  --color-accent-hover: #564B88;
  --color-accent-pressed: #4E457C;
  --color-success: #2E7D4B;
  --color-success-tint: #EEF5F1;
  --color-danger: #C42B2F;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #B8432F;
  --color-danger-tint: #F9F0EE;
  --color-danger-border: #E3B4AC;
  --color-warning: #5D5294;
  --color-info: #2E59C9;
  --color-info-tint: #E6EBF9;
  --color-info-text: #2449AE;
  --color-scrim: rgba(0, 0, 0, 0.30);
  --color-shadow: rgba(0, 0, 0, 0.20);
}
@media (prefers-color-scheme: light) {
  :root[data-theme="twilight"][data-appearance="system"] {
    --color-bg: #F3F5FE;
    --color-panel: #FFFFFF;
    --color-raised: #EAECF5;
    --color-selected: #DFE1EB;
    --color-border: #CFD3E5;
    --color-border-subtle: #E5E7F1;
    --color-border-strong: #8E92A2;
    --color-video-black: #0B0B0C;
    --color-text: #161826;
    --color-text-secondary: #595D6C;
    --color-accent: #5D5294;
    --color-on-accent: #FFFFFF;
    --color-accent-tint: #E7E5FE;
    --color-accent-text: #423A6A;
    --color-accent-hover: #564B88;
    --color-accent-pressed: #4E457C;
    --color-success: #2E7D4B;
    --color-success-tint: #EEF5F1;
    --color-danger: #C42B2F;
    --color-on-danger: #FFFFFF;
    --color-danger-text: #B8432F;
    --color-danger-tint: #F9F0EE;
    --color-danger-border: #E3B4AC;
    --color-warning: #5D5294;
    --color-info: #2E59C9;
    --color-info-tint: #E6EBF9;
    --color-info-text: #2449AE;
    --color-scrim: rgba(0, 0, 0, 0.30);
    --color-shadow: rgba(0, 0, 0, 0.20);
  }
}

/* The video player: dark in every look. */

.video {
  --color-bg: #141416;
  --color-panel: #1C1C20;
  --color-raised: #26262B;
  --color-selected: #34343A;
  --color-border: #34343A;
  --color-border-subtle: #26262B;
  --color-border-strong: #5A5A63;
  --color-video-black: #0B0B0C;
  --color-text: #F2F2F3;
  --color-text-secondary: #A4A4AD;
  --color-accent: #FF8A4C;
  --color-on-accent: #1A0E07;
  --color-accent-tint: #2B201A;
  --color-accent-text: #FFB48A;
  --color-accent-hover: #FF9157;
  --color-accent-pressed: #F08247;
  --color-success: #3DD68C;
  --color-success-tint: #15301F;
  --color-danger: #D13438;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #FF8B8E;
  --color-danger-tint: #2A1718;
  --color-danger-border: #5A2A2C;
  --color-warning: #F5C542;
  --color-info: #9DB8FF;
  --color-info-tint: #1B2738;
  --color-info-text: #9DC4FF;
  --color-scrim: rgba(0, 0, 0, 0.60);
  --color-shadow: rgba(0, 0, 0, 0.50);
}

:root[data-theme="ocean"] .video {
  --color-bg: #0B0E11;
  --color-panel: #1C1F26;
  --color-raised: #282B31;
  --color-selected: #34363D;
  --color-border: #2A2F36;
  --color-border-subtle: #282B31;
  --color-border-strong: #5D6167;
  --color-video-black: #0B0B0C;
  --color-text: #E1E2E5;
  --color-text-secondary: #C1C7CE;
  --color-accent: #66B0FF;
  --color-on-accent: #0B0E11;
  --color-accent-tint: #0E2A47;
  --color-accent-text: #99CBFF;
  --color-accent-hover: #6FB5FF;
  --color-accent-pressed: #60A5F0;
  --color-success: #4CAF6D;
  --color-success-tint: #202B2C;
  --color-danger: #D13438;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #E5675F;
  --color-danger-tint: #2C252B;
  --color-danger-border: #6C3C3D;
  --color-warning: #E09A3E;
  --color-info: #5CCFCB;
  --color-info-tint: #123134;
  --color-info-text: #7FDCD8;
  --color-scrim: rgba(0, 0, 0, 0.60);
  --color-shadow: rgba(0, 0, 0, 0.50);
}

:root[data-theme="forest"] .video {
  --color-bg: #201B14;
  --color-panel: #2A241B;
  --color-raised: #363026;
  --color-selected: #423C32;
  --color-border: #3B342A;
  --color-border-subtle: #363026;
  --color-border-strong: #6D675B;
  --color-video-black: #0B0B0C;
  --color-text: #EFE9DA;
  --color-text-secondary: #A79D8B;
  --color-accent: #7FB86B;
  --color-on-accent: #201B14;
  --color-accent-tint: #2F3A29;
  --color-accent-text: #9CCB8A;
  --color-accent-hover: #87BC74;
  --color-accent-pressed: #77AD65;
  --color-success: #7FB86B;
  --color-success-tint: #313021;
  --color-danger: #D13438;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #DC766B;
  --color-danger-tint: #382A20;
  --color-danger-border: #704035;
  --color-warning: #D98D55;
  --color-info: #9DB8FF;
  --color-info-tint: #3A393B;
  --color-info-text: #9DC4FF;
  --color-scrim: rgba(0, 0, 0, 0.60);
  --color-shadow: rgba(0, 0, 0, 0.50);
}

:root[data-theme="twilight"] .video {
  --color-bg: #161826;
  --color-panel: #232532;
  --color-raised: #2F313D;
  --color-selected: #3B3D48;
  --color-border: #3F424D;
  --color-border-subtle: #2F313D;
  --color-border-strong: #6F717A;
  --color-video-black: #0B0B0C;
  --color-text: #E9E9ED;
  --color-text-secondary: #A0A1A8;
  --color-accent: #9184D9;
  --color-on-accent: #161826;
  --color-accent-tint: #28273B;
  --color-accent-text: #9C92D0;
  --color-accent-hover: #988BDB;
  --color-accent-pressed: #887CCC;
  --color-success: #63B984;
  --color-success-tint: #283139;
  --color-danger: #D13438;
  --color-on-danger: #FFFFFF;
  --color-danger-text: #E0776A;
  --color-danger-tint: #322C36;
  --color-danger-border: #6F4648;
  --color-warning: #A7A1DB;
  --color-info: #9DB8FF;
  --color-info-tint: #343A4F;
  --color-info-text: #9DC4FF;
  --color-scrim: rgba(0, 0, 0, 0.60);
  --color-shadow: rgba(0, 0, 0, 0.50);
}
.video { color-scheme: dark; }