:root,
[data-bb-theme="dark"] {
  color-scheme: dark;
  --bb-bg-canvas: #080a0d;
  --bb-bg-subtle: #0e1116;
  --bb-surface-1: #13171d;
  --bb-surface-2: #1a2028;
  --bb-surface-3: #242c36;
  --bb-border-subtle: rgba(238, 243, 249, 0.08);
  --bb-border-default: rgba(238, 243, 249, 0.14);
  --bb-border-strong: rgba(238, 243, 249, 0.24);
  --bb-text-primary: #f1f5f9;
  --bb-text-secondary: #aab4c0;
  --bb-text-muted: #707b88;
  --bb-text-on-accent: #04111e;
  --bb-accent: #45a6ff;
  --bb-accent-hover: #70baff;
  --bb-accent-pressed: #2387e5;
  --bb-accent-soft: rgba(69, 166, 255, 0.14);
  --bb-focus: rgba(89, 174, 255, 0.62);
  --bb-success: #42c77a;
  --bb-success-soft: rgba(66, 199, 122, 0.13);
  --bb-warning: #e7ad46;
  --bb-warning-soft: rgba(231, 173, 70, 0.14);
  --bb-danger: #f06468;
  --bb-danger-soft: rgba(240, 100, 104, 0.14);
  --bb-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.28), 0 8px 24px rgba(0, 0, 0, 0.12);
  --bb-shadow-2: 0 18px 60px rgba(0, 0, 0, 0.34);
}

[data-bb-theme="light"] {
  color-scheme: light;
  --bb-bg-canvas: #f4f6f8;
  --bb-bg-subtle: #e9edf1;
  --bb-surface-1: #ffffff;
  --bb-surface-2: #f1f4f7;
  --bb-surface-3: #e5eaf0;
  --bb-border-subtle: rgba(10, 20, 32, 0.08);
  --bb-border-default: rgba(10, 20, 32, 0.14);
  --bb-border-strong: rgba(10, 20, 32, 0.24);
  --bb-text-primary: #111820;
  --bb-text-secondary: #4f5b68;
  --bb-text-muted: #778391;
  --bb-text-on-accent: #ffffff;
  --bb-accent: #0878dc;
  --bb-accent-hover: #0668bf;
  --bb-accent-pressed: #055aa5;
  --bb-accent-soft: rgba(8, 120, 220, 0.11);
  --bb-focus: rgba(8, 120, 220, 0.46);
  --bb-success: #167a43;
  --bb-success-soft: rgba(22, 122, 67, 0.1);
  --bb-warning: #946200;
  --bb-warning-soft: rgba(148, 98, 0, 0.1);
  --bb-danger: #bc3036;
  --bb-danger-soft: rgba(188, 48, 54, 0.1);
  --bb-shadow-1: 0 1px 2px rgba(20, 35, 50, 0.08), 0 10px 28px rgba(20, 35, 50, 0.06);
  --bb-shadow-2: 0 22px 64px rgba(20, 35, 50, 0.18);
}

[data-bb-theme="ormur"] {
  color-scheme: dark;
  --bb-bg-canvas: #090a0f;
  --bb-bg-subtle: #111018;
  --bb-surface-1: #17151f;
  --bb-surface-2: #211d2a;
  --bb-surface-3: #2d2738;
  --bb-border-subtle: rgba(255, 239, 224, 0.08);
  --bb-border-default: rgba(255, 239, 224, 0.14);
  --bb-border-strong: rgba(255, 239, 224, 0.24);
  --bb-text-primary: #fff6ed;
  --bb-text-secondary: #c3b6bb;
  --bb-text-muted: #82767f;
  --bb-text-on-accent: #1c0710;
  --bb-accent: #f05b91;
  --bb-accent-hover: #ff7daa;
  --bb-accent-pressed: #cf3f77;
  --bb-accent-soft: rgba(240, 91, 145, 0.15);
  --bb-focus: rgba(240, 91, 145, 0.58);
  --bb-success: #55c9a9;
  --bb-success-soft: rgba(85, 201, 169, 0.13);
  --bb-warning: #f4a84b;
  --bb-warning-soft: rgba(244, 168, 75, 0.14);
  --bb-danger: #f06f6f;
  --bb-danger-soft: rgba(240, 111, 111, 0.14);
  --bb-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3), 0 12px 32px rgba(0, 0, 0, 0.16);
  --bb-shadow-2: 0 22px 68px rgba(0, 0, 0, 0.38);
}

/* The public Ormur site keeps its established blue/teal product identity. */
[data-bb-theme="ormur-site"] {
  color-scheme: dark;
  --bb-bg-canvas: #0a0b0d;
  --bb-bg-subtle: #111316;
  --bb-surface-1: #15181c;
  --bb-surface-2: #1c2026;
  --bb-surface-3: #262b32;
  --bb-border-subtle: rgba(255, 255, 255, 0.08);
  --bb-border-default: rgba(255, 255, 255, 0.14);
  --bb-border-strong: rgba(255, 255, 255, 0.22);
  --bb-text-primary: #eef1f5;
  --bb-text-secondary: #a4adb8;
  --bb-text-muted: #828c98;
  --bb-text-on-accent: #ffffff;
  --bb-accent: #0a84ff;
  --bb-accent-hover: #3a9bff;
  --bb-accent-pressed: #0066d6;
  --bb-accent-soft: rgba(10, 132, 255, 0.14);
  --bb-focus: rgba(10, 132, 255, 0.5);
  --bb-success: #2fb344;
  --bb-success-soft: rgba(47, 179, 68, 0.13);
  --bb-warning: #d99a2b;
  --bb-warning-soft: rgba(217, 154, 43, 0.14);
  --bb-danger: #e5484d;
  --bb-danger-soft: rgba(229, 72, 77, 0.14);
  --bb-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.28), 0 8px 24px rgba(0, 0, 0, 0.12);
  --bb-shadow-2: 0 18px 60px rgba(0, 0, 0, 0.34);
}

:root {
  --bb-font-sans: Manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bb-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --bb-font-size-xs: 0.75rem;
  --bb-font-size-sm: 0.8125rem;
  --bb-font-size-md: 0.9375rem;
  --bb-font-size-lg: 1.0625rem;
  --bb-font-size-xl: 1.25rem;
  --bb-font-size-2xl: 1.75rem;
  --bb-font-size-3xl: clamp(2.25rem, 5vw, 4.5rem);
  --bb-line-tight: 1.18;
  --bb-line-normal: 1.5;
  --bb-space-1: 0.25rem;
  --bb-space-2: 0.5rem;
  --bb-space-3: 0.75rem;
  --bb-space-4: 1rem;
  --bb-space-5: 1.5rem;
  --bb-space-6: 2rem;
  --bb-space-7: 3rem;
  --bb-space-8: 4rem;
  --bb-radius-sm: 0.5rem;
  --bb-radius-md: 0.75rem;
  --bb-radius-lg: 1.125rem;
  --bb-radius-xl: 1.5rem;
  --bb-radius-pill: 999px;
  --bb-touch-target: 2.75rem;
  --bb-duration-fast: 120ms;
  --bb-duration-normal: 200ms;
  --bb-duration-slow: 320ms;
  --bb-ease-standard: cubic-bezier(0.2, 0.7, 0.3, 1);
  --bb-content-sm: 42rem;
  --bb-content-md: 64rem;
  --bb-content-lg: 80rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --bb-duration-fast: 0ms;
    --bb-duration-normal: 0ms;
    --bb-duration-slow: 0ms;
  }
}