/* Generated by design/generate_tokens.py. Edit design/tokens.json. */
/* border is decorative. Use control-border for input/control boundaries. */
:root {
  color-scheme: light;
  --sb-canvas: #F4F7FB;
  --sb-surface: #FFFFFF;
  --sb-raised: #E9EFF6;
  --sb-text: #0B1F33;
  --sb-secondary: #4B5E73;
  --sb-border: #CBD6E4;
  --sb-accent: #B44212;
  --sb-accent-hover: #96330B;
  --sb-accent-soft: #FFF0E6;
  --sb-on-accent: #FFFFFF;
  --sb-copper: #A83E0C;
  --sb-control-border: #748397;
  --sb-focus: #1756A1;
  --sb-success: #146B46;
  --sb-success-surface: #E2F2E8;
  --sb-warning: #7C4D00;
  --sb-warning-surface: #FFF0CF;
  --sb-danger: #AD2E2C;
  --sb-danger-surface: #FCE7E5;
  --sb-info: #245F94;
  --sb-info-surface: #E5EFFA;
  --sb-control-min-height: 44px;
  --sb-focus-width: 2px;
  --sb-focus-offset: 3px;
  --sb-radius-control: 12px;
  --sb-radius-card: 20px;
  --sb-space1: 4px;
  --sb-space2: 8px;
  --sb-space3: 12px;
  --sb-space4: 16px;
  --sb-space6: 24px;
  --sb-space8: 32px;
  --sb-motion-fast: 140ms;
  --sb-motion-standard: 220ms;
  --sb-font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sb-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-appearance="light"]) {
    color-scheme: dark;
    --sb-canvas: #0B1F33;
    --sb-surface: #0F2740;
    --sb-raised: #16334F;
    --sb-text: #FFFFFF;
    --sb-secondary: #C9D4E0;
    --sb-border: #405D79;
    --sb-accent: #F08A5A;
    --sb-accent-hover: #FFAA7D;
    --sb-accent-soft: #382A26;
    --sb-on-accent: #0B1F33;
    --sb-copper: #F08A5A;
    --sb-control-border: #7D96B0;
    --sb-focus: #94C4FF;
    --sb-success: #90D6A9;
    --sb-success-surface: #173C2A;
    --sb-warning: #F3C46B;
    --sb-warning-surface: #493717;
    --sb-danger: #FFB4A9;
    --sb-danger-surface: #4B2525;
    --sb-info: #A5CEFF;
    --sb-info-surface: #203953;
  }
}
:root[data-appearance="dark"] {
  color-scheme: dark;
  --sb-canvas: #0B1F33;
  --sb-surface: #0F2740;
  --sb-raised: #16334F;
  --sb-text: #FFFFFF;
  --sb-secondary: #C9D4E0;
  --sb-border: #405D79;
  --sb-accent: #F08A5A;
  --sb-accent-hover: #FFAA7D;
  --sb-accent-soft: #382A26;
  --sb-on-accent: #0B1F33;
  --sb-copper: #F08A5A;
  --sb-control-border: #7D96B0;
  --sb-focus: #94C4FF;
  --sb-success: #90D6A9;
  --sb-success-surface: #173C2A;
  --sb-warning: #F3C46B;
  --sb-warning-surface: #493717;
  --sb-danger: #FFB4A9;
  --sb-danger-surface: #4B2525;
  --sb-info: #A5CEFF;
  --sb-info-surface: #203953;
}
@media (prefers-contrast: more) {
  :root {
    color-scheme: light;
    --sb-canvas: #FFFFFF;
    --sb-surface: #FFFFFF;
    --sb-raised: #E8EDF4;
    --sb-text: #06172B;
    --sb-secondary: #2A3F58;
    --sb-border: #4A607B;
    --sb-accent: #8B2D08;
    --sb-accent-hover: #6E2103;
    --sb-accent-soft: #FFF1E8;
    --sb-on-accent: #FFFFFF;
    --sb-copper: #7D2B08;
    --sb-control-border: #4A607B;
    --sb-focus: #0F4381;
    --sb-success: #07522D;
    --sb-success-surface: #D5F0DF;
    --sb-warning: #633C00;
    --sb-warning-surface: #FFE8BA;
    --sb-danger: #8C1718;
    --sb-danger-surface: #FCDCD7;
    --sb-info: #16466F;
    --sb-info-surface: #DBEAFB;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-appearance="light"]) {
      color-scheme: dark;
      --sb-canvas: #061524;
      --sb-surface: #0A1D31;
      --sb-raised: #102B45;
      --sb-text: #FFFFFF;
      --sb-secondary: #E2EAF3;
      --sb-border: #A6BED8;
      --sb-accent: #FFC29B;
      --sb-accent-hover: #FFD9C0;
      --sb-accent-soft: #30221D;
      --sb-on-accent: #071829;
      --sb-copper: #FFD0AF;
      --sb-control-border: #A6BED8;
      --sb-focus: #C4DFFF;
      --sb-success: #B5F2C9;
      --sb-success-surface: #103720;
      --sb-warning: #FFDF97;
      --sb-warning-surface: #3D2B0C;
      --sb-danger: #FFD0C7;
      --sb-danger-surface: #421C1B;
      --sb-info: #C8E4FF;
      --sb-info-surface: #152F48;
    }
  }
  :root[data-appearance="dark"] {
    color-scheme: dark;
    --sb-canvas: #061524;
    --sb-surface: #0A1D31;
    --sb-raised: #102B45;
    --sb-text: #FFFFFF;
    --sb-secondary: #E2EAF3;
    --sb-border: #A6BED8;
    --sb-accent: #FFC29B;
    --sb-accent-hover: #FFD9C0;
    --sb-accent-soft: #30221D;
    --sb-on-accent: #071829;
    --sb-copper: #FFD0AF;
    --sb-control-border: #A6BED8;
    --sb-focus: #C4DFFF;
    --sb-success: #B5F2C9;
    --sb-success-surface: #103720;
    --sb-warning: #FFDF97;
    --sb-warning-surface: #3D2B0C;
    --sb-danger: #FFD0C7;
    --sb-danger-surface: #421C1B;
    --sb-info: #C8E4FF;
    --sb-info-surface: #152F48;
  }
}

/* Supplemental semantic accents generated from design/tokens.json.
   Fixed navy illustrations use the same canonical dark pairs in either appearance. */
:root {
  --sb-assist: #644AC9;
  --sb-assist-surface: #F2ECFF;
  --sb-insight: #A3144D;
  --sb-insight-surface: #FCEAF3;
  --sb-technical: #036A96;
  --sb-technical-surface: #E5F4FA;
  --sb-on-navy-assist: #BD93F9;
  --sb-on-navy-assist-surface: #302744;
  --sb-on-navy-insight: #FF79C6;
  --sb-on-navy-insight-surface: #3B263B;
  --sb-on-navy-technical: #8BE9FD;
  --sb-on-navy-technical-surface: #163943;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-appearance="light"]) {
  --sb-assist: #BD93F9;
  --sb-assist-surface: #302744;
  --sb-insight: #FF79C6;
  --sb-insight-surface: #3B263B;
  --sb-technical: #8BE9FD;
  --sb-technical-surface: #163943;
  }
}
:root[data-appearance="dark"] {
  --sb-assist: #BD93F9;
  --sb-assist-surface: #302744;
  --sb-insight: #FF79C6;
  --sb-insight-surface: #3B263B;
  --sb-technical: #8BE9FD;
  --sb-technical-surface: #163943;
}
@media (prefers-contrast: more) {
  :root {
  --sb-assist: #4D32A2;
  --sb-assist-surface: #F2ECFF;
  --sb-insight: #840D3C;
  --sb-insight-surface: #FCEAF3;
  --sb-technical: #005374;
  --sb-technical-surface: #E5F4FA;
  --sb-on-navy-assist: #D7B8FF;
  --sb-on-navy-assist-surface: #211D36;
  --sb-on-navy-insight: #FFA6D9;
  --sb-on-navy-insight-surface: #311D2C;
  --sb-on-navy-technical: #B6F2FF;
  --sb-on-navy-technical-surface: #102C38;
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-appearance="light"]) {
  --sb-assist: #D7B8FF;
  --sb-assist-surface: #211D36;
  --sb-insight: #FFA6D9;
  --sb-insight-surface: #311D2C;
  --sb-technical: #B6F2FF;
  --sb-technical-surface: #102C38;
    }
  }
  :root[data-appearance="dark"] {
  --sb-assist: #D7B8FF;
  --sb-assist-surface: #211D36;
  --sb-insight: #FFA6D9;
  --sb-insight-surface: #311D2C;
  --sb-technical: #B6F2FF;
  --sb-technical-surface: #102C38;
  }
}
:root[data-contrast="more"] {
  --sb-assist: #4D32A2;
  --sb-assist-surface: #F2ECFF;
  --sb-insight: #840D3C;
  --sb-insight-surface: #FCEAF3;
  --sb-technical: #005374;
  --sb-technical-surface: #E5F4FA;
  --sb-on-navy-assist: #D7B8FF;
  --sb-on-navy-assist-surface: #211D36;
  --sb-on-navy-insight: #FFA6D9;
  --sb-on-navy-insight-surface: #311D2C;
  --sb-on-navy-technical: #B6F2FF;
  --sb-on-navy-technical-surface: #102C38;
}
@media (prefers-color-scheme: dark) {
  :root[data-contrast="more"]:not([data-appearance="light"]) {
  --sb-assist: #D7B8FF;
  --sb-assist-surface: #211D36;
  --sb-insight: #FFA6D9;
  --sb-insight-surface: #311D2C;
  --sb-technical: #B6F2FF;
  --sb-technical-surface: #102C38;
  }
}
:root[data-contrast="more"][data-appearance="dark"] {
  --sb-assist: #D7B8FF;
  --sb-assist-surface: #211D36;
  --sb-insight: #FFA6D9;
  --sb-insight-surface: #311D2C;
  --sb-technical: #B6F2FF;
  --sb-technical-surface: #102C38;
}