/* GENERATED — do not edit by hand. */
/* Run: dart run tools/generators/generate_hub_web.dart */
/* Source: packages/design_tokens/tokens/{light,dark}.tokens.json + textStyles.json */

:root {
  /* — colors (light) */
  --hub-accent-content: #F7FAF9;
  --hub-accent-secondary: #283593;
  --hub-accent-surface: #006156;
  --hub-border-default: #A6A6A8;
  --hub-border-disabled: #D4D4D4;
  --hub-border-error: #AB0707;
  --hub-border-focus: #0054A8;
  --hub-border-strong: #52575A;
  --hub-border-subtle: rgba(31, 31, 31, 0.12);
  --hub-content-disabled: #52575A;
  --hub-content-inverse: #FAFAFA;
  --hub-content-large-disabled: #707476;
  --hub-content-large-primary: #2F3537;
  --hub-content-large-secondary: #6B6F71;
  --hub-content-link: #0054A8;
  --hub-content-placeholder: #52575A;
  --hub-content-primary: #0B1215;
  --hub-content-secondary: #3B4043;
  --hub-focus-ring-color: #0054A8;
  --hub-focus-visible: rgba(250, 250, 250, 0.50);
  --hub-interactive-destructive-content: #FEF6F6;
  --hub-interactive-destructive-content-disabled: #52575A;
  --hub-interactive-destructive-surface: #AB0707;
  --hub-interactive-destructive-surface-disabled: #A6A6A8;
  --hub-interactive-destructive-surface-hover: #AB0707;
  --hub-interactive-primary-content: #F5FBFF;
  --hub-interactive-primary-content-disabled: #52575A;
  --hub-interactive-primary-surface: #0054A8;
  --hub-interactive-primary-surface-disabled: #A6A6A8;
  --hub-interactive-primary-surface-hover: #0054A8;
  --hub-interactive-secondary-border: #0054A8;
  --hub-interactive-secondary-content: #0054A8;
  --hub-interactive-secondary-content-disabled: #52575A;
  --hub-interactive-secondary-surface: #F5FBFF;
  --hub-interactive-secondary-surface-disabled: #A6A6A8;
  --hub-interactive-secondary-surface-hover: #F5FBFF;
  --hub-interactive-tertiary-border: #0054A8;
  --hub-interactive-tertiary-content: #0054A8;
  --hub-interactive-tertiary-content-disabled: #52575A;
  --hub-interactive-tertiary-surface: #FAFAFA;
  --hub-interactive-tertiary-surface-disabled: #A6A6A8;
  --hub-interactive-tertiary-surface-hover: #F5FBFF;
  --hub-level-high-content: #FEF6F6;
  --hub-level-high-surface: #AB0707;
  --hub-level-low-content: #FAEEE0;
  --hub-level-low-surface: #72460C;
  --hub-level-medium-content: #FDF0ED;
  --hub-level-medium-surface: #962C0C;
  --hub-level-minimal-content: #F7F7F7;
  --hub-level-minimal-surface: #545454;
  --hub-level-unknown-content: #F5F2F8;
  --hub-level-unknown-surface: #5B4784;
  --hub-neutral-fixed-dark: #0B1215;
  --hub-neutral-fixed-light: #FAFAFA;
  --hub-overlay-scrim: rgba(250, 250, 250, 0.50);
  --hub-overlay-subtle: rgba(250, 250, 250, 0.12);
  --hub-separator-opaque: #A6A6A8;
  --hub-separator-subtle: rgba(31, 31, 31, 0.12);
  --hub-status-high: #AB0707;
  --hub-status-info: #545454;
  --hub-status-success: #1B5E20;
  --hub-status-warning: #72460C;
  --hub-surface-base: #FAFAFA;
  --hub-surface-disabled: #F7F7F7;
  --hub-surface-elevated: #D4D4D4;
  --hub-surface-hover: #F7F7F7;
  --hub-surface-inverse: #0B1215;
  --hub-surface-selected: #F5FBFF;
  --hub-surface-subtle: #9E9E9E;
  --hub-surface-sunken: #F7F7F7;

  /* — dimensions */
  --hub-focus-ring-offset: 2px;
  --hub-focus-ring-width: 2px;

  /* — spacing (fixed; mirrors HubSpacing in hub_flutter) */
  --hub-spacing-xs: 4px;
  --hub-spacing-sm: 8px;
  --hub-spacing-md: 12px;
  --hub-spacing-lg: 16px;
  --hub-spacing-xl: 24px;
  --hub-spacing-xxl: 32px;

  /* — font families */
  --hub-font-family-sans: "Noto Sans", system-ui, sans-serif;
  --hub-font-family-mono: "Noto Mono", ui-monospace, monospace;

  /* — typography (mobile) */
  --hub-title-regular-size: 24px;
  --hub-title-regular-weight: 500;
  --hub-headline-regular-size: 19px;
  --hub-headline-regular-weight: 700;
  --hub-body-regular-size: 19px;
  --hub-body-regular-weight: 500;
  --hub-body-tabular-size: 19px;
  --hub-body-tabular-weight: 500;
  --hub-body-monospace-size: 19px;
  --hub-body-monospace-weight: 400;
  --hub-footnote-regular-size: 15px;
  --hub-footnote-regular-weight: 500;
  --hub-footnote-tabular-size: 15px;
  --hub-footnote-tabular-weight: 500;
  --hub-footnote-monospace-size: 15px;
  --hub-footnote-monospace-weight: 400;
  --hub-caption-regular-size: 14px;
  --hub-caption-regular-weight: 500;
  --hub-caption-tabular-size: 14px;
  --hub-caption-tabular-weight: 500;
  --hub-caption-monospace-size: 14px;
  --hub-caption-monospace-weight: 500;
}

[data-hub-theme="dark"] {
  /* — colors (dark) */
  --hub-accent-content: #001411;
  --hub-accent-secondary: #939CE1;
  --hub-accent-surface: #00B39E;
  --hub-border-default: #76797B;
  --hub-border-disabled: #545454;
  --hub-border-error: #F97676;
  --hub-border-focus: #47A3FF;
  --hub-border-strong: #C7CBCC;
  --hub-border-subtle: rgba(250, 250, 250, 0.12);
  --hub-content-disabled: #9B9E9F;
  --hub-content-inverse: #0B1215;
  --hub-content-large-disabled: #797D7E;
  --hub-content-large-primary: #C7CBCC;
  --hub-content-large-secondary: #8B9092;
  --hub-content-link: #47A3FF;
  --hub-content-placeholder: #9B9E9F;
  --hub-content-primary: #FAFAFA;
  --hub-content-secondary: #D1D6D7;
  --hub-focus-ring-color: #47A3FF;
  --hub-focus-visible: rgba(11, 18, 21, 0.50);
  --hub-interactive-destructive-content: #280606;
  --hub-interactive-destructive-content-disabled: #9B9E9F;
  --hub-interactive-destructive-surface: #F97676;
  --hub-interactive-destructive-surface-disabled: #6B6F71;
  --hub-interactive-destructive-surface-hover: #F97676;
  --hub-interactive-primary-content: #001429;
  --hub-interactive-primary-content-disabled: #9B9E9F;
  --hub-interactive-primary-surface: #47A3FF;
  --hub-interactive-primary-surface-disabled: #6B6F71;
  --hub-interactive-primary-surface-hover: #47A3FF;
  --hub-interactive-secondary-border: #47A3FF;
  --hub-interactive-secondary-content: #47A3FF;
  --hub-interactive-secondary-content-disabled: #9B9E9F;
  --hub-interactive-secondary-surface: #001429;
  --hub-interactive-secondary-surface-disabled: #6B6F71;
  --hub-interactive-secondary-surface-hover: #001429;
  --hub-interactive-tertiary-border: #47A3FF;
  --hub-interactive-tertiary-content: #47A3FF;
  --hub-interactive-tertiary-content-disabled: #9B9E9F;
  --hub-interactive-tertiary-surface: #0B1215;
  --hub-interactive-tertiary-surface-disabled: #6B6F71;
  --hub-interactive-tertiary-surface-hover: #001429;
  --hub-level-high-content: #280606;
  --hub-level-high-surface: #F97676;
  --hub-level-low-content: #170F03;
  --hub-level-low-surface: #E18A19;
  --hub-level-medium-content: #200A04;
  --hub-level-medium-surface: #F27D5A;
  --hub-level-minimal-content: #0F0F0F;
  --hub-level-minimal-surface: #9E9E9E;
  --hub-level-unknown-content: #1A1122;
  --hub-level-unknown-surface: #AA98C8;
  --hub-neutral-fixed-dark: #0B1215;
  --hub-neutral-fixed-light: #FAFAFA;
  --hub-overlay-scrim: rgba(11, 18, 21, 0.50);
  --hub-overlay-subtle: rgba(11, 18, 21, 0.12);
  --hub-separator-opaque: #76797B;
  --hub-separator-subtle: rgba(250, 250, 250, 0.12);
  --hub-status-high: #F97676;
  --hub-status-info: #9E9E9E;
  --hub-status-success: #43B649;
  --hub-status-warning: #E18A19;
  --hub-surface-base: #0B1215;
  --hub-surface-disabled: #2F3537;
  --hub-surface-elevated: #393E5B;
  --hub-surface-hover: #2F3537;
  --hub-surface-inverse: #FAFAFA;
  --hub-surface-selected: #393E5B;
  --hub-surface-subtle: #4B5477;
  --hub-surface-sunken: #2F3537;
}