/* Generated from design/tokens.json by internal/web/assets/tokensgen. Do not edit. */

:root {
  --c-brand-amber: #FFB000;
  --c-brand-amber-chip-text: #7A4800;
  --c-brand-amber-pale: #FFF1CC;
  --c-brand-amber-strong: #E69A00;
  --c-brand-amber-text: #9A5B00;
  --c-brand-charcoal: #151819;
  --c-brand-cobalt: #1F4FB8;
  --c-brand-cobalt-light: #6FA0FF;
  --c-brand-graphite: #202426;
  --c-brand-steel: #353B3E;
  --c-bg: #F5F4EF;
  --c-border: #DDDCD6;
  --c-focus: #1F4FB8;
  --c-link: #1F4FB8;
  --c-selected: #1F4FB8;
  --c-surface: #FFFFFF;
  --c-text: #202426;
  --c-text-2: #687074;
  --c-danger: #C0392B;
  --c-info: #1F4FB8;
  --c-success: #2E7D32;
  --c-warning: #9A5B00;
  --font-brand: "Barlow Condensed", sans-serif;
  --font-ui: "Inter", system-ui, sans-serif;
  --font-data: "JetBrains Mono", ui-monospace, monospace;
  --line-height: 1.45;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 6px;
  --touch-min: 44px;
  --content-max: 1280px;
  --form-max: 720px;
  --size-chip: 64px;
  --size-icon-row-button: 56px;
  --size-input: 56px;
  --size-list-row: 76px;
  --size-nav-item: 58px;
  --size-numeric-input: 64px;
  --size-primary-button-hero: 72px;
  --size-primary-button: 64px;
  --size-secondary-button: 52px;
  --type-body: 17px;
  --type-data: 17px;
  --type-meta-min: 13px;
  --type-meta: 14px;
  --type-numeric: 40px;
  --type-question: 32px;
  --type-screen-title: 36px;
}

/* Breakpoints (media queries cannot use variables): --bp-desktop: 1280px; --bp-tablet: 768px; --bp-two-pane: 1000px; */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #141718;
    --c-border: #353B3E;
    --c-focus: #6FA0FF;
    --c-link: #6FA0FF;
    --c-selected: #6FA0FF;
    --c-surface: #1E2224;
    --c-text: #F4F4F1;
    --c-text-2: #AAB1B3;
    --c-danger: #FF7B6E;
    --c-info: #6FA0FF;
    --c-success: #5CC168;
    --c-warning: #FFB000;
  }
}

:root[data-theme="dark"] {
  --c-bg: #141718;
  --c-border: #353B3E;
  --c-focus: #6FA0FF;
  --c-link: #6FA0FF;
  --c-selected: #6FA0FF;
  --c-surface: #1E2224;
  --c-text: #F4F4F1;
  --c-text-2: #AAB1B3;
  --c-danger: #FF7B6E;
  --c-info: #6FA0FF;
  --c-success: #5CC168;
  --c-warning: #FFB000;
}

@media (min-width: 768px) {
  :root {
    --size-chip: 56px;
    --size-icon-row-button: 56px;
    --size-input: 52px;
    --size-list-row: 64px;
    --size-nav-item: 52px;
    --size-numeric-input: 56px;
    --size-primary-button-hero: 56px;
    --size-primary-button: 56px;
    --size-secondary-button: 48px;
    --type-body: 16px;
    --type-data: 15px;
    --type-meta-min: 13px;
    --type-meta: 13px;
    --type-numeric: 32px;
    --type-question: 24px;
    --type-screen-title: 34px;
  }
}