/* Generated from design/stride.tokens.json · schema 1 · sha256 94e19c55c32ce8939f2f0369e9257fd709ec8b21af3cbdb19d0723c59926a50a. DO NOT EDIT. */
:root {
  --stride-constant-brand-cobalt: #2D4FE7;
  --stride-constant-on-brand: #FFFFFF;
  --stride-constant-stage: #110D0B;
  --stride-constant-stage-chrome: #261D18;
  --stride-constant-stage-text: #FBF6F1;
  --stride-constant-stage-text-secondary: #C9BFB7;
  --stride-constant-stage-control-border: #A0968D;
  --stride-constant-video-letterbox: #000000;
  --stride-constant-speaking: #FF6A2B;
  --stride-constant-leave-fill: #DB2A1C;
  --stride-constant-on-leave: #FFFFFF;
  --stride-space-1: 4px;
  --stride-space-2: 8px;
  --stride-space-3: 12px;
  --stride-space-4: 16px;
  --stride-space-5: 20px;
  --stride-space-6: 24px;
  --stride-space-8: 32px;
  --stride-space-10: 40px;
  --stride-space-12: 48px;
  --stride-space-16: 64px;
  --stride-space-24: 96px;
  --stride-radius-control: 8px;
  --stride-radius-surface: 12px;
  --stride-radius-sheet: 20px;
  --stride-radius-pill: 999px;
  --stride-size-hit-min: 44px;
  --stride-size-control: 48px;
  --stride-size-control-compact: 44px;
  --stride-size-icon: 20px;
  --stride-size-icon-nav: 24px;
  --stride-size-avatar-small: 32px;
  --stride-size-avatar: 40px;
  --stride-type-display-size: 64px;
  --stride-type-display-size-wide: 140px;
  --stride-type-display-weight: 550;
  --stride-type-display-line-height: 1.02;
  --stride-type-display-tracking: -0.035em;
  --stride-type-page-title-size: 32px;
  --stride-type-page-title-size-wide: 40px;
  --stride-type-page-title-weight: 500;
  --stride-type-page-title-line-height: 1.18;
  --stride-type-page-title-tracking: -0.03em;
  --stride-type-section-title-size: 22px;
  --stride-type-section-title-size-wide: 24px;
  --stride-type-section-title-weight: 600;
  --stride-type-section-title-line-height: 1.25;
  --stride-type-section-title-tracking: -0.015em;
  --stride-type-item-title-size: 17px;
  --stride-type-item-title-size-wide: 18px;
  --stride-type-item-title-weight: 600;
  --stride-type-item-title-line-height: 1.35;
  --stride-type-item-title-tracking: -0.005em;
  --stride-type-body-size: 16px;
  --stride-type-body-weight: 400;
  --stride-type-body-line-height: 1.5;
  --stride-type-body-tracking: 0em;
  --stride-type-reading-size: 17px;
  --stride-type-reading-weight: 400;
  --stride-type-reading-line-height: 1.65;
  --stride-type-reading-tracking: 0em;
  --stride-type-secondary-size: 14px;
  --stride-type-secondary-weight: 400;
  --stride-type-secondary-line-height: 1.4;
  --stride-type-secondary-tracking: 0em;
  --stride-type-button-size: 16px;
  --stride-type-button-weight: 500;
  --stride-type-button-line-height: 1.4;
  --stride-type-button-tracking: 0em;
  --stride-type-label-size: 12px;
  --stride-type-label-weight: 500;
  --stride-type-label-line-height: 1.4;
  --stride-type-label-tracking: 0.02em;
  --stride-motion-feedback: 120ms;
  --stride-motion-transition: 220ms;
  --stride-motion-reveal: 320ms;
  --stride-motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --stride-motion-press-scale: 0.98;
  --stride-layout-compact-max: 743px;
  --stride-layout-wide-min: 1024px;
  --stride-layout-gutter-compact: 20px;
  --stride-layout-gutter-medium: 32px;
  --stride-layout-gutter-wide: 48px;
  --stride-layout-sidebar-medium: 208px;
  --stride-layout-sidebar-wide: 224px;
  --stride-layout-canvas-max: 1440px;
  --stride-layout-reading-max-ch: 72ch;
}
:root, [data-theme="light"] {
  --stride-color-canvas: #FBF8F4;
  --stride-color-surface: #FFFFFF;
  --stride-color-surface-inset: #EEE7DF;
  --stride-color-text: #1D1916;
  --stride-color-text-secondary: #584F48;
  --stride-color-text-muted: #6F665E;
  --stride-color-text-disabled: #6F665E;
  --stride-color-border: #EEE7DF;
  --stride-color-border-control: #6F665E;
  --stride-color-action: #D2420A;
  --stride-color-on-action: #FFFFFF;
  --stride-color-action-hover: #B83B07;
  --stride-color-action-pressed: #A33404;
  --stride-color-selection: #EEE7DF;
  --stride-color-focus: #D2420A;
  --stride-color-success: #177A43;
  --stride-color-success-surface: #E5F3EB;
  --stride-color-warning: #8F5600;
  --stride-color-warning-surface: #FFF1D6;
  --stride-color-danger: #C22530;
  --stride-color-danger-surface: #FFE9ED;
  --stride-color-info: #A33404;
  --stride-color-info-surface: #FFEDE3;
  --stride-color-live: #DB2A1C;
  --stride-color-live-surface: #FFFFFF;
  --stride-color-brand-text: #B83B07;
  --stride-color-wordmark: #54545C;
  --stride-color-on-action-brand: #FFFFFF;
  --stride-color-shadow-color: #5A2D0F;
  --stride-color-glass-panel: #FFFFFFED;
  --stride-color-glass-border: #EEE7DF;
  --stride-color-scrim: #1D191666;
}
[data-theme="dark"] {
  --stride-color-canvas: #0B0B0D;
  --stride-color-surface: #141417;
  --stride-color-surface-inset: #1D1D21;
  --stride-color-text: #F5F5F7;
  --stride-color-text-secondary: #B3B5BC;
  --stride-color-text-muted: #8E919A;
  --stride-color-text-disabled: #8E919A;
  --stride-color-border: #27282D;
  --stride-color-border-control: #8E919A;
  --stride-color-action: #F5F5F7;
  --stride-color-on-action: #0B0B0D;
  --stride-color-action-hover: #FFFFFF;
  --stride-color-action-pressed: #E4E4E8;
  --stride-color-selection: #232428;
  --stride-color-focus: #FF7A40;
  --stride-color-success: #4FD68A;
  --stride-color-success-surface: #1D1D21;
  --stride-color-warning: #F5B544;
  --stride-color-warning-surface: #1D1D21;
  --stride-color-danger: #FF7A7F;
  --stride-color-danger-surface: #1D1D21;
  --stride-color-info: #F5F5F7;
  --stride-color-info-surface: #26272C;
  --stride-color-live: #FF8A55;
  --stride-color-live-surface: #1D1D21;
  --stride-color-brand-text: #F5F5F7;
  --stride-color-wordmark: #8A8A92;
  --stride-color-on-action-brand: #0B0B0D;
  --stride-color-shadow-color: #000000;
  --stride-color-glass-panel: #141417ED;
  --stride-color-glass-border: #27282D;
  --stride-color-scrim: #000000A3;
}
[data-theme="light"][data-color-theme="sand"] {
  --stride-color-canvas: #FBF8F4;
  --stride-color-surface: #FFFFFF;
  --stride-color-surface-inset: #EEE7DF;
  --stride-color-text: #1D1916;
  --stride-color-text-secondary: #584F48;
  --stride-color-text-muted: #6F665E;
  --stride-color-text-disabled: #6F665E;
  --stride-color-border: #EEE7DF;
  --stride-color-border-control: #6F665E;
  --stride-color-action: #D2420A;
  --stride-color-on-action: #FFFFFF;
  --stride-color-action-hover: #B83B07;
  --stride-color-action-pressed: #A33404;
  --stride-color-selection: #EEE7DF;
  --stride-color-focus: #D2420A;
  --stride-color-success: #177A43;
  --stride-color-success-surface: #E5F3EB;
  --stride-color-warning: #8F5600;
  --stride-color-warning-surface: #FFF1D6;
  --stride-color-danger: #C22530;
  --stride-color-danger-surface: #FFE9ED;
  --stride-color-info: #A33404;
  --stride-color-info-surface: #FFEDE3;
  --stride-color-live: #DB2A1C;
  --stride-color-live-surface: #FFFFFF;
  --stride-color-brand-text: #B83B07;
  --stride-color-wordmark: #54545C;
  --stride-color-on-action-brand: #FFFFFF;
  --stride-color-shadow-color: #5A2D0F;
  --stride-color-glass-panel: #FFFFFFED;
  --stride-color-glass-border: #EEE7DF;
  --stride-color-scrim: #1D191666;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --stride-color-canvas: #0B0B0D;
    --stride-color-surface: #141417;
    --stride-color-surface-inset: #1D1D21;
    --stride-color-text: #F5F5F7;
    --stride-color-text-secondary: #B3B5BC;
    --stride-color-text-muted: #8E919A;
    --stride-color-text-disabled: #8E919A;
    --stride-color-border: #27282D;
    --stride-color-border-control: #8E919A;
    --stride-color-action: #F5F5F7;
    --stride-color-on-action: #0B0B0D;
    --stride-color-action-hover: #FFFFFF;
    --stride-color-action-pressed: #E4E4E8;
    --stride-color-selection: #232428;
    --stride-color-focus: #FF7A40;
    --stride-color-success: #4FD68A;
    --stride-color-success-surface: #1D1D21;
    --stride-color-warning: #F5B544;
    --stride-color-warning-surface: #1D1D21;
    --stride-color-danger: #FF7A7F;
    --stride-color-danger-surface: #1D1D21;
    --stride-color-info: #F5F5F7;
    --stride-color-info-surface: #26272C;
    --stride-color-live: #FF8A55;
    --stride-color-live-surface: #1D1D21;
    --stride-color-brand-text: #F5F5F7;
    --stride-color-wordmark: #8A8A92;
    --stride-color-on-action-brand: #0B0B0D;
    --stride-color-shadow-color: #000000;
    --stride-color-glass-panel: #141417ED;
    --stride-color-glass-border: #27282D;
    --stride-color-scrim: #000000A3;
  }
}