:root {
  --cst-ink: #0f1c24;
  --cst-ink-2: #243540;
  --cst-muted: #5b6b73;
  --cst-accent: #2f6f7e;
  --cst-accent-2: #3d7f8f;
  --cst-accent-soft: rgba(47, 111, 126, 0.12);
  --cst-bg: #f4f6f7;
  --cst-surface: #ffffff;
  --cst-line: #d5dde1;
  --cst-line-strong: #b7c3c9;
  --cst-ok: #1a8f4a;
  --cst-warn: #b7791f;
  --cst-danger: #c62828;
  --cst-hero: #101920;
  --cst-hero-2: #1c2c34;
  --cst-on-dark: #c9d4d8;
  --cst-on-dark-2: #9aadb4;
  --cst-steel: #8a959c;
  --cst-steel-2: #c5ccd0;
  --cst-hero-light: #eef1f3;
  --shadow-product: 0 18px 40px rgba(15, 28, 36, 0.12);
  --font-sans: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: clamp(2rem, 4.6vw, 3.35rem);
  --text-display: clamp(2.2rem, 5vw, 3.6rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 10px 28px rgba(15, 28, 36, 0.08);
  --max: 1180px;
  --header-h: 72px;
  --bp-md: 720px;
  --bp-lg: 980px;
}

[data-site="smartbuildings"],
[data-brand="smartbuildings"] {
  --cst-accent: #1f6b5c;
  --cst-accent-2: #2a8070;
  --cst-accent-soft: rgba(31, 107, 92, 0.12);
  --cst-hero: #10211c;
  --cst-hero-2: #1a322b;
}

[data-brand="configurator"] {
  --cst-accent: #2f6f7e;
}

[data-brand="customization"] {
  --cst-accent: #345e78;
  --cst-accent-2: #42728f;
  --cst-accent-soft: rgba(52, 94, 120, 0.12);
}