/* theme-budbricks.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 {
  --budbricks-teal: #0981ae;
  --budbricks-teal-700: #0571a0;
  --budbricks-teal-800: #055f87;
  --budbricks-cyan: #16c4e4;
  --budbricks-cyan-300: #5fd4ec;
  --budbricks-black: #000000;
  --budbricks-ink: #0d1012;
  --budbricks-mist: #f3f7f9;
  --budbricks-teal-50: #e5f6fb;
  --budbricks-muted: #4a5a62;
  --budbricks-line: #d9e3e8;
  --budbricks-line-strong: #7a8f99;
  --budbricks-teal-500: #0981ae;
  --budbricks-night: #07090a;
  --budbricks-night-sunken: #0e1214;
  --budbricks-night-feature: #10202a;
  --budbricks-night-deep: #000000;
  --budbricks-night-text: #eef7fa;
  --budbricks-night-muted: #a9bcc4;
  --budbricks-night-line: #1f2c33;
  --budbricks-night-line-strong: #6f8a96;
  --budbricks-teal-300: #5fd4ec;
  --budbricks-teal-950: #062433;
}


[data-theme^="budbricks"] {
  --brand-font-display: var(--font-opensans);
  --brand-font-body: var(--font-opensans);
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-sheet: 12px;
}
[data-theme="budbricks"] {
  --surface: var(--white);
  --surface-sunken: var(--budbricks-mist);
  --surface-feature: var(--budbricks-teal-50);
  --surface-inverse: var(--budbricks-black);
  --text: var(--budbricks-ink);
  --text-muted: var(--budbricks-muted);
  --text-inverse: var(--white);
  --border: var(--budbricks-line);
  --border-strong: var(--budbricks-line-strong);
  --accent: var(--budbricks-teal-700);
  --accent-hover: var(--budbricks-teal-800);
  --on-accent: var(--white);
  --accent-text: var(--budbricks-teal-700);
  --secondary: var(--budbricks-black);
  --on-secondary: var(--white);
  --brand-2: var(--budbricks-black);
  --focus: var(--budbricks-ink);
  --info: var(--budbricks-teal-700);
  --info-surface: var(--budbricks-teal-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="budbricks-dark"] {
  --surface: var(--budbricks-night);
  --surface-sunken: var(--budbricks-night-sunken);
  --surface-feature: var(--budbricks-night-feature);
  --surface-inverse: var(--budbricks-night-deep);
  --text: var(--budbricks-night-text);
  --text-muted: var(--budbricks-night-muted);
  --text-inverse: var(--budbricks-night-text);
  --border: var(--budbricks-night-line);
  --border-strong: var(--budbricks-night-line-strong);
  --accent: var(--budbricks-cyan);
  --accent-hover: var(--budbricks-cyan-300);
  --on-accent: var(--budbricks-black);
  --accent-text: var(--budbricks-cyan);
  --secondary: var(--budbricks-night-text);
  --on-secondary: var(--budbricks-night);
  --brand-2: var(--budbricks-teal-700);
  --focus: var(--budbricks-cyan);
  --info: var(--budbricks-cyan);
  --info-surface: var(--budbricks-teal-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="budbricks"]:not([data-mode="light"]) {
  --surface: var(--budbricks-night);
  --surface-sunken: var(--budbricks-night-sunken);
  --surface-feature: var(--budbricks-night-feature);
  --surface-inverse: var(--budbricks-night-deep);
  --text: var(--budbricks-night-text);
  --text-muted: var(--budbricks-night-muted);
  --text-inverse: var(--budbricks-night-text);
  --border: var(--budbricks-night-line);
  --border-strong: var(--budbricks-night-line-strong);
  --accent: var(--budbricks-cyan);
  --accent-hover: var(--budbricks-cyan-300);
  --on-accent: var(--budbricks-black);
  --accent-text: var(--budbricks-cyan);
  --secondary: var(--budbricks-night-text);
  --on-secondary: var(--budbricks-night);
  --brand-2: var(--budbricks-teal-700);
  --focus: var(--budbricks-cyan);
  --info: var(--budbricks-cyan);
  --info-surface: var(--budbricks-teal-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^="budbricks"][data-theme][data-mode="dark"], [data-theme^="budbricks"][data-mode="dark"], [data-theme^="budbricks"] [data-mode="dark"] {
  --surface: var(--budbricks-night);
  --surface-sunken: var(--budbricks-night-sunken);
  --surface-feature: var(--budbricks-night-feature);
  --surface-inverse: var(--budbricks-night-deep);
  --text: var(--budbricks-night-text);
  --text-muted: var(--budbricks-night-muted);
  --text-inverse: var(--budbricks-night-text);
  --border: var(--budbricks-night-line);
  --border-strong: var(--budbricks-night-line-strong);
  --accent: var(--budbricks-cyan);
  --accent-hover: var(--budbricks-cyan-300);
  --on-accent: var(--budbricks-black);
  --accent-text: var(--budbricks-cyan);
  --secondary: var(--budbricks-night-text);
  --on-secondary: var(--budbricks-night);
  --brand-2: var(--budbricks-teal-700);
  --focus: var(--budbricks-cyan);
  --info: var(--budbricks-cyan);
  --info-surface: var(--budbricks-teal-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^="budbricks"][data-theme][data-mode="light"], [data-theme^="budbricks"][data-mode="light"], [data-theme^="budbricks"] [data-mode="light"] {
  --surface: var(--white);
  --surface-sunken: var(--budbricks-mist);
  --surface-feature: var(--budbricks-teal-50);
  --surface-inverse: var(--budbricks-black);
  --text: var(--budbricks-ink);
  --text-muted: var(--budbricks-muted);
  --text-inverse: var(--white);
  --border: var(--budbricks-line);
  --border-strong: var(--budbricks-line-strong);
  --accent: var(--budbricks-teal-700);
  --accent-hover: var(--budbricks-teal-800);
  --on-accent: var(--white);
  --accent-text: var(--budbricks-teal-700);
  --secondary: var(--budbricks-black);
  --on-secondary: var(--white);
  --brand-2: var(--budbricks-black);
  --focus: var(--budbricks-ink);
  --info: var(--budbricks-teal-700);
  --info-surface: var(--budbricks-teal-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^="budbricks"] {
  --brand-font-display: var(--font-opensans);
  --brand-font-body: var(--font-opensans);
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-sheet: 12px;
  --shadow-sticker: none;
}
[data-theme="budbricks"] {
  --logo-on-light: block;
  --logo-on-dark: none;
  --logo-badge-bg: transparent;
  --logo-badge-pad: 0px;
  color-scheme: light;
}
[data-theme="budbricks-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="budbricks"]:not([data-mode="light"]) {
  --surface: var(--budbricks-night);
  --surface-sunken: var(--budbricks-night-sunken);
  --surface-feature: var(--budbricks-night-feature);
  --surface-inverse: var(--budbricks-night-deep);
  --text: var(--budbricks-night-text);
  --text-muted: var(--budbricks-night-muted);
  --text-inverse: var(--budbricks-night-text);
  --border: var(--budbricks-night-line);
  --border-strong: var(--budbricks-night-line-strong);
  --accent: var(--budbricks-cyan);
  --accent-hover: var(--budbricks-cyan-300);
  --on-accent: var(--budbricks-black);
  --accent-text: var(--budbricks-cyan);
  --secondary: var(--budbricks-night-text);
  --on-secondary: var(--budbricks-night);
  --brand-2: var(--budbricks-teal-700);
  --focus: var(--budbricks-cyan);
  --info: var(--budbricks-cyan);
  --info-surface: var(--budbricks-teal-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^="budbricks"][data-theme][data-mode="dark"], [data-theme^="budbricks"][data-mode="dark"], [data-theme^="budbricks"] [data-mode="dark"] {
  --surface: var(--budbricks-night);
  --surface-sunken: var(--budbricks-night-sunken);
  --surface-feature: var(--budbricks-night-feature);
  --surface-inverse: var(--budbricks-night-deep);
  --text: var(--budbricks-night-text);
  --text-muted: var(--budbricks-night-muted);
  --text-inverse: var(--budbricks-night-text);
  --border: var(--budbricks-night-line);
  --border-strong: var(--budbricks-night-line-strong);
  --accent: var(--budbricks-cyan);
  --accent-hover: var(--budbricks-cyan-300);
  --on-accent: var(--budbricks-black);
  --accent-text: var(--budbricks-cyan);
  --secondary: var(--budbricks-night-text);
  --on-secondary: var(--budbricks-night);
  --brand-2: var(--budbricks-teal-700);
  --focus: var(--budbricks-cyan);
  --info: var(--budbricks-cyan);
  --info-surface: var(--budbricks-teal-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^="budbricks"][data-theme][data-mode="light"], [data-theme^="budbricks"][data-mode="light"], [data-theme^="budbricks"] [data-mode="light"] {
  --surface: var(--white);
  --surface-sunken: var(--budbricks-mist);
  --surface-feature: var(--budbricks-teal-50);
  --surface-inverse: var(--budbricks-black);
  --text: var(--budbricks-ink);
  --text-muted: var(--budbricks-muted);
  --text-inverse: var(--white);
  --border: var(--budbricks-line);
  --border-strong: var(--budbricks-line-strong);
  --accent: var(--budbricks-teal-700);
  --accent-hover: var(--budbricks-teal-800);
  --on-accent: var(--white);
  --accent-text: var(--budbricks-teal-700);
  --secondary: var(--budbricks-black);
  --on-secondary: var(--white);
  --brand-2: var(--budbricks-black);
  --focus: var(--budbricks-ink);
  --info: var(--budbricks-teal-700);
  --info-surface: var(--budbricks-teal-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;
}