/* theme-brickatom.css: from brands.css and bundle.css. Generated by scripts/split-ds-css.mjs, do not edit; rerun it after re-copying the design system. */
:root {
  --atom-blue: #1c75bc;
  --atom-blue-700: #165e97;
  --atom-cobalt: #334fb4;
  --atom-wordmark: #231f20;
  --atom-ink: #121212;
  --atom-navy: #114778;
  --atom-navy-deep: #0c375f;
  --atom-yellow: #fcd017;
  --atom-yellow-300: #fde36a;
  --atom-orange: #e76e17;
  --atom-grey: #f3f3f3;
  --atom-blue-50: #eaf2fa;
  --atom-muted: #4a4f5c;
  --atom-line: #e0e0e0;
  --atom-line-strong: #7d8088;
  --atom-night: #0b2238;
  --atom-night-sunken: #0f2b45;
  --atom-night-deep: #071a2c;
  --atom-night-text: #f2f5f9;
  --atom-night-muted: #b7c6d8;
  --atom-night-line: #1f3d5c;
  --atom-night-line-strong: #7b93ad;
  --atom-blue-300: #7db8ea;
  --atom-blue-950: #102f4f;
}


[data-theme^="brickatom"] {
  --brand-font-display: var(--font-atom);
  --brand-font-body: var(--font-atom);
  --radius-control: 0px;
  --radius-card: 0px;
  --radius-sheet: 0px;
}
[data-theme="brickatom"] {
  --surface: var(--white);
  --surface-sunken: var(--atom-grey);
  --surface-feature: var(--atom-blue-50);
  --surface-inverse: var(--atom-navy);
  --text: var(--atom-ink);
  --text-muted: var(--atom-muted);
  --text-inverse: var(--white);
  --border: var(--atom-line);
  --border-strong: var(--atom-line-strong);
  --accent: var(--atom-blue);
  --accent-hover: var(--atom-blue-700);
  --on-accent: var(--white);
  --accent-text: var(--atom-blue-700);
  --secondary: var(--atom-navy);
  --on-secondary: var(--white);
  --brand-2: var(--atom-navy);
  --focus: var(--atom-blue-700);
  --info: var(--atom-blue-700);
  --info-surface: var(--atom-blue-50);
  --danger: var(--red-700);
  --danger-surface: var(--red-50);
  --success: var(--green-700);
  --success-surface: var(--green-50);
  --warning: var(--amber-700);
  --warning-surface: var(--amber-50);
  --scrim: rgba(18, 18, 18, 0.48);
  --shadow-card: 0 1px 2px rgba(18, 18, 18, 0.08);
  --shadow-sheet: 0 -8px 32px rgba(18, 18, 18, 0.18);
  --shadow-sticker: none;
  --logo-on-light: block;
  --logo-on-dark: none;
  --logo-badge-bg: transparent;
  --logo-badge-pad: 0px;
  color-scheme: light;
}
[data-theme="brickatom-dark"] {
  --surface: var(--atom-night);
  --surface-sunken: var(--atom-night-sunken);
  --surface-feature: var(--atom-navy);
  --surface-inverse: var(--atom-night-deep);
  --text: var(--atom-night-text);
  --text-muted: var(--atom-night-muted);
  --text-inverse: var(--atom-night-text);
  --border: var(--atom-night-line);
  --border-strong: var(--atom-night-line-strong);
  --accent: var(--atom-yellow);
  --accent-hover: var(--atom-yellow-300);
  --on-accent: var(--atom-night);
  --accent-text: var(--atom-yellow);
  --secondary: var(--atom-night-text);
  --on-secondary: var(--atom-night);
  --brand-2: var(--atom-blue-700);
  --focus: var(--atom-yellow);
  --info: var(--atom-blue-300);
  --info-surface: var(--atom-blue-950);
  --danger: var(--red-300);
  --danger-surface: var(--red-950);
  --success: var(--green-300);
  --success-surface: var(--green-950);
  --warning: var(--amber-300);
  --warning-surface: var(--amber-950);
  --scrim: rgba(0, 0, 0, 0.64);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.6);
  --shadow-sticker: none;
  --logo-on-light: none;
  --logo-on-dark: block;
  --logo-badge-bg: #ffffff;
  --logo-badge-pad: 4px 8px;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="brickatom"]:not([data-mode="light"]) {
  --surface: var(--atom-night);
  --surface-sunken: var(--atom-night-sunken);
  --surface-feature: var(--atom-navy);
  --surface-inverse: var(--atom-night-deep);
  --text: var(--atom-night-text);
  --text-muted: var(--atom-night-muted);
  --text-inverse: var(--atom-night-text);
  --border: var(--atom-night-line);
  --border-strong: var(--atom-night-line-strong);
  --accent: var(--atom-yellow);
  --accent-hover: var(--atom-yellow-300);
  --on-accent: var(--atom-night);
  --accent-text: var(--atom-yellow);
  --secondary: var(--atom-night-text);
  --on-secondary: var(--atom-night);
  --brand-2: var(--atom-blue-700);
  --focus: var(--atom-yellow);
  --info: var(--atom-blue-300);
  --info-surface: var(--atom-blue-950);
  --danger: var(--red-300);
  --danger-surface: var(--red-950);
  --success: var(--green-300);
  --success-surface: var(--green-950);
  --warning: var(--amber-300);
  --warning-surface: var(--amber-950);
  --scrim: rgba(0, 0, 0, 0.64);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.6);
  --shadow-sticker: none;
  --logo-on-light: none;
  --logo-on-dark: block;
  --logo-badge-bg: #ffffff;
  --logo-badge-pad: 4px 8px;
  color-scheme: dark;
  }
}
[data-theme^="brickatom"][data-theme][data-mode="dark"], [data-theme^="brickatom"][data-mode="dark"], [data-theme^="brickatom"] [data-mode="dark"] {
  --surface: var(--atom-night);
  --surface-sunken: var(--atom-night-sunken);
  --surface-feature: var(--atom-navy);
  --surface-inverse: var(--atom-night-deep);
  --text: var(--atom-night-text);
  --text-muted: var(--atom-night-muted);
  --text-inverse: var(--atom-night-text);
  --border: var(--atom-night-line);
  --border-strong: var(--atom-night-line-strong);
  --accent: var(--atom-yellow);
  --accent-hover: var(--atom-yellow-300);
  --on-accent: var(--atom-night);
  --accent-text: var(--atom-yellow);
  --secondary: var(--atom-night-text);
  --on-secondary: var(--atom-night);
  --brand-2: var(--atom-blue-700);
  --focus: var(--atom-yellow);
  --info: var(--atom-blue-300);
  --info-surface: var(--atom-blue-950);
  --danger: var(--red-300);
  --danger-surface: var(--red-950);
  --success: var(--green-300);
  --success-surface: var(--green-950);
  --warning: var(--amber-300);
  --warning-surface: var(--amber-950);
  --scrim: rgba(0, 0, 0, 0.64);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.6);
  --shadow-sticker: none;
  --logo-on-light: none;
  --logo-on-dark: block;
  --logo-badge-bg: #ffffff;
  --logo-badge-pad: 4px 8px;
  color-scheme: dark;
}
[data-theme^="brickatom"][data-theme][data-mode="light"], [data-theme^="brickatom"][data-mode="light"], [data-theme^="brickatom"] [data-mode="light"] {
  --surface: var(--white);
  --surface-sunken: var(--atom-grey);
  --surface-feature: var(--atom-blue-50);
  --surface-inverse: var(--atom-navy);
  --text: var(--atom-ink);
  --text-muted: var(--atom-muted);
  --text-inverse: var(--white);
  --border: var(--atom-line);
  --border-strong: var(--atom-line-strong);
  --accent: var(--atom-blue);
  --accent-hover: var(--atom-blue-700);
  --on-accent: var(--white);
  --accent-text: var(--atom-blue-700);
  --secondary: var(--atom-navy);
  --on-secondary: var(--white);
  --brand-2: var(--atom-navy);
  --focus: var(--atom-blue-700);
  --info: var(--atom-blue-700);
  --info-surface: var(--atom-blue-50);
  --danger: var(--red-700);
  --danger-surface: var(--red-50);
  --success: var(--green-700);
  --success-surface: var(--green-50);
  --warning: var(--amber-700);
  --warning-surface: var(--amber-50);
  --scrim: rgba(18, 18, 18, 0.48);
  --shadow-card: 0 1px 2px rgba(18, 18, 18, 0.08);
  --shadow-sheet: 0 -8px 32px rgba(18, 18, 18, 0.18);
  --shadow-sticker: none;
  --logo-on-light: block;
  --logo-on-dark: none;
  --logo-badge-bg: transparent;
  --logo-badge-pad: 0px;
  color-scheme: light;
}
[data-theme^="brickatom"] {
  --brand-font-display: var(--font-atom);
  --brand-font-body: var(--font-atom);
  --radius-control: 0px;
  --radius-card: 0px;
  --radius-sheet: 0px;
  --shadow-sticker: none;
}
[data-theme="brickatom"] {
  --logo-on-light: block;
  --logo-on-dark: none;
  --logo-badge-bg: transparent;
  --logo-badge-pad: 0px;
  color-scheme: light;
}
[data-theme="brickatom-dark"] {
  --logo-on-light: none;
  --logo-on-dark: block;
  --logo-badge-bg: #ffffff;
  --logo-badge-pad: 4px 8px;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  [data-theme="brickatom"]:not([data-mode="light"]) {
  --surface: var(--atom-night);
  --surface-sunken: var(--atom-night-sunken);
  --surface-feature: var(--atom-navy);
  --surface-inverse: var(--atom-night-deep);
  --text: var(--atom-night-text);
  --text-muted: var(--atom-night-muted);
  --text-inverse: var(--atom-night-text);
  --border: var(--atom-night-line);
  --border-strong: var(--atom-night-line-strong);
  --accent: var(--atom-yellow);
  --accent-hover: var(--atom-yellow-300);
  --on-accent: var(--atom-night);
  --accent-text: var(--atom-yellow);
  --secondary: var(--atom-night-text);
  --on-secondary: var(--atom-night);
  --brand-2: var(--atom-blue-700);
  --focus: var(--atom-yellow);
  --info: var(--atom-blue-300);
  --info-surface: var(--atom-blue-950);
  --danger: var(--red-300);
  --danger-surface: var(--red-950);
  --success: var(--green-300);
  --success-surface: var(--green-950);
  --warning: var(--amber-300);
  --warning-surface: var(--amber-950);
  --scrim: rgba(0, 0, 0, 0.64);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.6);
  --shadow-sticker: none;
  --logo-on-light: none;
  --logo-on-dark: block;
  --logo-badge-bg: #ffffff;
  --logo-badge-pad: 4px 8px;
  color-scheme: dark;
  }
}
[data-theme^="brickatom"][data-theme][data-mode="dark"], [data-theme^="brickatom"][data-mode="dark"], [data-theme^="brickatom"] [data-mode="dark"] {
  --surface: var(--atom-night);
  --surface-sunken: var(--atom-night-sunken);
  --surface-feature: var(--atom-navy);
  --surface-inverse: var(--atom-night-deep);
  --text: var(--atom-night-text);
  --text-muted: var(--atom-night-muted);
  --text-inverse: var(--atom-night-text);
  --border: var(--atom-night-line);
  --border-strong: var(--atom-night-line-strong);
  --accent: var(--atom-yellow);
  --accent-hover: var(--atom-yellow-300);
  --on-accent: var(--atom-night);
  --accent-text: var(--atom-yellow);
  --secondary: var(--atom-night-text);
  --on-secondary: var(--atom-night);
  --brand-2: var(--atom-blue-700);
  --focus: var(--atom-yellow);
  --info: var(--atom-blue-300);
  --info-surface: var(--atom-blue-950);
  --danger: var(--red-300);
  --danger-surface: var(--red-950);
  --success: var(--green-300);
  --success-surface: var(--green-950);
  --warning: var(--amber-300);
  --warning-surface: var(--amber-950);
  --scrim: rgba(0, 0, 0, 0.64);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow-sheet: 0 -8px 32px rgba(0, 0, 0, 0.6);
  --shadow-sticker: none;
  --logo-on-light: none;
  --logo-on-dark: block;
  --logo-badge-bg: #ffffff;
  --logo-badge-pad: 4px 8px;
  color-scheme: dark;
}
[data-theme^="brickatom"][data-theme][data-mode="light"], [data-theme^="brickatom"][data-mode="light"], [data-theme^="brickatom"] [data-mode="light"] {
  --surface: var(--white);
  --surface-sunken: var(--atom-grey);
  --surface-feature: var(--atom-blue-50);
  --surface-inverse: var(--atom-navy);
  --text: var(--atom-ink);
  --text-muted: var(--atom-muted);
  --text-inverse: var(--white);
  --border: var(--atom-line);
  --border-strong: var(--atom-line-strong);
  --accent: var(--atom-blue);
  --accent-hover: var(--atom-blue-700);
  --on-accent: var(--white);
  --accent-text: var(--atom-blue-700);
  --secondary: var(--atom-navy);
  --on-secondary: var(--white);
  --brand-2: var(--atom-navy);
  --focus: var(--atom-blue-700);
  --info: var(--atom-blue-700);
  --info-surface: var(--atom-blue-50);
  --danger: var(--red-700);
  --danger-surface: var(--red-50);
  --success: var(--green-700);
  --success-surface: var(--green-50);
  --warning: var(--amber-700);
  --warning-surface: var(--amber-50);
  --scrim: rgba(18, 18, 18, 0.48);
  --shadow-card: 0 1px 2px rgba(18, 18, 18, 0.08);
  --shadow-sheet: 0 -8px 32px rgba(18, 18, 18, 0.18);
  --shadow-sticker: none;
  --logo-on-light: block;
  --logo-on-dark: none;
  --logo-badge-bg: transparent;
  --logo-badge-pad: 0px;
  color-scheme: light;
}