/* generated from bandwidth-hq/brand by scripts/sync-brand.mjs; do not edit */
:root {
  --bw-deep: #0F241C;
  --bw-teal: #0EA5A5;
  --bw-green: #12B981;
  --bw-fresh: #5BD6A6;
  --bw-mint: #F6F8F7;
  --bw-surface: #FFFFFF;
  --bw-surface2: #E2ECE6;
  --bw-text: #0F241C;
  --bw-muted: #4B675D;
  --bw-border: #E3EAE6;
  --bw-link: #0A7A7A;
  --bw-primary: #0F241C;
  --bw-primary-text: #FFFFFF;
  --bw-accent-soft: #D2F1E4;
  --bw-success: #0E8A5F;
  --bw-success-soft: #D5F1E5;
  --bw-warn: #A8670F;
  --bw-warn-soft: #F9EBD3;
  --bw-danger: #B4403A;
  --bw-danger-soft: #F7DFDC;
  --bw-border-strong: #CFDCD5;
  --bw-action: #12B981;
  --bw-action-text: #0F241C;
  --bw-action-hover: #0FA571;
  --bw-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bw-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --bw-heading-weight: 700;
  --bw-radius-xs: 6px;
  --bw-radius-sm: 8px;
  --bw-radius-md: 12px;
  --bw-radius-lg: 16px;
  --bw-radius-xl: 24px;
  --bw-radius-pill: 999px;
  --bw-radius-control: 12px;
  --bw-radius-card: 20px;
  --bw-shadow-sm: 0 1px 2px rgba(15, 36, 28, 0.04);
  --bw-shadow-hover: 0 4px 14px -6px rgba(15, 36, 28, 0.18);
  --bw-umbrella-url: "https://usebandwidth.com";
  --bw-legal-impressum: "https://usebandwidth.com/impressum";
  --bw-legal-datenschutz: "https://usebandwidth.com/datenschutz";
}
@media screen {
  :root[data-theme="dark"] {
    color-scheme: dark;
    --bw-deep: #E3EEF0;
    --bw-teal: #0EA5A5;
    --bw-green: #12B981;
    --bw-fresh: #5BD6A6;
    --bw-mint: #0F1D24;
    --bw-surface: #172A33;
    --bw-surface2: #1D333D;
    --bw-text: #E3EEF0;
    --bw-muted: #9DB4BA;
    --bw-border: #2A4450;
    --bw-link: #5FD0C4;
    --bw-primary: #E3EEF0;
    --bw-primary-text: #0F1D24;
    --bw-accent-soft: #1C3F45;
    --bw-success: #5FD0C4;
    --bw-success-soft: #1B3C42;
    --bw-warn: #F2BE62;
    --bw-warn-soft: #3A2D14;
    --bw-danger: #F2A199;
    --bw-danger-soft: #3D201D;
    --bw-border-strong: #36525E;
    --bw-action: #2FB8A8;
    --bw-action-text: #0F1D24;
    --bw-action-hover: #45C9B9;
    --bw-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --bw-shadow-hover: 0 6px 18px -6px rgba(0, 0, 0, 0.55);
  }
}