[data-brand='controlbus'] {
  --colors-raw-controlblue-050-v-oklch: 0.97 0.02 260;
  --colors-raw-controlblue-100-v-oklch: 0.94 0.04 260;
  --colors-raw-controlblue-150-v-oklch: 0.9 0.06 260;
  --colors-raw-controlblue-200-v-oklch: 0.86 0.08 260;
  --colors-raw-controlblue-250-v-oklch: 0.82 0.1 260;
  --colors-raw-controlblue-300-v-oklch: 0.78 0.12 260;
  --colors-raw-controlblue-350-v-oklch: 0.74 0.14 260;
  --colors-raw-controlblue-400-v-oklch: 0.68 0.17 260;
  --colors-raw-controlblue-450-v-oklch: 0.645 0.195 260;
  --colors-raw-controlblue-500-v-oklch: 0.61 0.22 260;
  --colors-raw-controlblue-550-v-oklch: 0.555 0.205 260;
  --colors-raw-controlblue-600-v-oklch: 0.5 0.19 260;
  --colors-raw-controlblue-650-v-oklch: 0.45 0.17 260;
  --colors-raw-controlblue-700-v-oklch: 0.4 0.15 260;
  --colors-raw-controlblue-750-v-oklch: 0.35 0.125 260;
  --colors-raw-controlblue-800-v-oklch: 0.3 0.1 260;
  --colors-raw-controlblue-850-v-oklch: 0.25 0.075 260;
  --colors-raw-controlblue-900-v-oklch: 0.2 0.05 260;
  --colors-raw-controlblue-950-v-oklch: 0.15 0.03 260;
  --colors-raw-controlsky-050-v-oklch: 0.97 0.02 230;
  --colors-raw-controlsky-100-v-oklch: 0.94 0.04 230;
  --colors-raw-controlsky-150-v-oklch: 0.91 0.055 230;
  --colors-raw-controlsky-200-v-oklch: 0.88 0.07 230;
  --colors-raw-controlsky-250-v-oklch: 0.85 0.09 230;
  --colors-raw-controlsky-300-v-oklch: 0.82 0.11 230;
  --colors-raw-controlsky-350-v-oklch: 0.795 0.13 230;
  --colors-raw-controlsky-400-v-oklch: 0.77 0.145 230;
  --colors-raw-controlsky-450-v-oklch: 0.745 0.155 230;
  --colors-raw-controlsky-500-v-oklch: 0.72 0.16 230;
  --colors-raw-controlsky-550-v-oklch: 0.665 0.15 230;
  --colors-raw-controlsky-600-v-oklch: 0.61 0.14 230;
  --colors-raw-controlsky-650-v-oklch: 0.55 0.125 230;
  --colors-raw-controlsky-700-v-oklch: 0.49 0.11 230;
  --colors-raw-controlsky-750-v-oklch: 0.43 0.09 230;
  --colors-raw-controlsky-800-v-oklch: 0.37 0.07 230;
  --colors-raw-controlsky-850-v-oklch: 0.31 0.05 230;
  --colors-raw-controlsky-900-v-oklch: 0.25 0.035 230;
  --colors-raw-controlsky-950-v-oklch: 0.18 0.018 230;
  --colors-raw-controlred-050-v-oklch: 0.97 0.03 25;
  --colors-raw-controlred-100-v-oklch: 0.928 0.054 25;
  --colors-raw-controlred-150-v-oklch: 0.882 0.078 25;
  --colors-raw-controlred-200-v-oklch: 0.831 0.101 25;
  --colors-raw-controlred-250-v-oklch: 0.751 0.127 25;
  --colors-raw-controlred-300-v-oklch: 0.704 0.166 25;
  --colors-raw-controlred-350-v-oklch: 0.654 0.203 25;
  --colors-raw-controlred-400-v-oklch: 0.62 0.22 25;
  --colors-raw-controlred-450-v-oklch: 0.586 0.239 25;
  --colors-raw-controlred-500-v-oklch: 0.545 0.223 25;
  --colors-raw-controlred-550-v-oklch: 0.503 0.207 25;
  --colors-raw-controlred-600-v-oklch: 0.458 0.185 25;
  --colors-raw-controlred-650-v-oklch: 0.402 0.165 25;
  --colors-raw-controlred-700-v-oklch: 0.356 0.142 25;
  --colors-raw-controlred-750-v-oklch: 0.31 0.119 25;
  --colors-raw-controlred-800-v-oklch: 0.264 0.095 25;
  --colors-raw-controlred-850-v-oklch: 0.218 0.07 25;
  --colors-raw-controlred-900-v-oklch: 0.172 0.047 25;
  --colors-raw-controlred-950-v-oklch: 0.126 0.026 25;
  --colors-raw-controlgray-050-v-oklch: 0.985 0.005 260;
  --colors-raw-controlgray-100-v-oklch: 0.96 0.012 260;
  --colors-raw-controlgray-150-v-oklch: 0.94 0.016 260;
  --colors-raw-controlgray-200-v-oklch: 0.92 0.02 260;
  --colors-raw-controlgray-250-v-oklch: 0.86 0.018 260;
  --colors-raw-controlgray-300-v-oklch: 0.8 0.016 260;
  --colors-raw-controlgray-350-v-oklch: 0.74 0.014 260;
  --colors-raw-controlgray-400-v-oklch: 0.68 0.012 260;
  --colors-raw-controlgray-450-v-oklch: 0.61 0.01 260;
  --colors-raw-controlgray-500-v-oklch: 0.54 0.008 260;
  --colors-raw-controlgray-550-v-oklch: 0.48 0.012 260;
  --colors-raw-controlgray-600-v-oklch: 0.42 0.016 260;
  --colors-raw-controlgray-650-v-oklch: 0.39 0.018 260;
  --colors-raw-controlgray-700-v-oklch: 0.37 0.022 260;
  --colors-raw-controlgray-750-v-oklch: 0.32 0.024 260;
  --colors-raw-controlgray-800-v-oklch: 0.28 0.026 260;
  --colors-raw-controlgray-850-v-oklch: 0.245 0.028 260;
  --colors-raw-controlgray-900-v-oklch: 0.21 0.03 260;
  --colors-raw-controlgray-950-v-oklch: 0.17 0.028 260;
  --colors-raw-controlgray-1000-v-oklch: 0.12 0.022 260;
  --colors-raw-neutral-fg-light-v-oklch: 0.18 0 0;
  --colors-raw-neutral-bg-light-v-oklch: 0.985 0.005 260;
  --colors-raw-neutral-fg-dark-v-oklch: 0.96 0.012 230;
  --colors-raw-neutral-bg-dark-v-oklch: 0.21 0.03 260;
  --colors-raw-base-bg1-light-v-oklch: 0.985 0.005 260;
  --colors-raw-base-bg1-dark-v-oklch: 0.21 0.03 260;
  --colors-raw-base-bg2-light-v-oklch: 0.94 0.016 260;
  --colors-raw-base-bg2-dark-v-oklch: 0.255 0.032 260;
  --colors-raw-base-bg3-light-v-oklch: 0.92 0.02 260;
  --colors-raw-base-bg3-dark-v-oklch: 0.17 0.028 260;
  --semantic-surface-1-light: oklch(var(--colors-raw-base-bg1-light-v-oklch));
  --semantic-surface-1-dark: oklch(var(--colors-raw-base-bg1-dark-v-oklch));
  --semantic-surface-2-light: oklch(var(--colors-raw-base-bg2-light-v-oklch));
  --semantic-surface-2-dark: oklch(var(--colors-raw-base-bg2-dark-v-oklch));
  --semantic-surface-3-light: oklch(var(--colors-raw-base-bg3-light-v-oklch));
  --semantic-surface-3-dark: oklch(var(--colors-raw-base-bg3-dark-v-oklch));
  --semantic-content-primary-light: oklch(var(--colors-raw-neutral-fg-light-v-oklch));
  --semantic-content-primary-dark: oklch(var(--colors-raw-neutral-fg-dark-v-oklch));
  --semantic-content-muted-light: oklch(var(--colors-raw-controlgray-600-v-oklch));
  --semantic-content-muted-dark: oklch(var(--colors-raw-controlgray-300-v-oklch));
  --semantic-content-inverse-light: oklch(var(--colors-raw-neutral-bg-light-v-oklch));
  --semantic-content-inverse-dark: oklch(var(--colors-raw-neutral-bg-dark-v-oklch));
  --semantic-border-subtle-light: oklch(var(--colors-raw-controlgray-150-v-oklch));
  --semantic-border-subtle-dark: oklch(var(--colors-raw-controlgray-800-v-oklch));
  --semantic-border-default-light: oklch(var(--colors-raw-controlgray-200-v-oklch));
  --semantic-border-default-dark: oklch(var(--colors-raw-controlgray-700-v-oklch));
  --semantic-brand-primary-light: oklch(var(--colors-raw-controlblue-500-v-oklch));
  --semantic-brand-primary-dark: oklch(var(--colors-raw-controlblue-400-v-oklch));
  --semantic-brand-primary-content-light: oklch(var(--colors-raw-controlgray-050-v-oklch));
  --semantic-brand-primary-content-dark: oklch(var(--colors-raw-controlgray-050-v-oklch));
  --semantic-brand-secondary-light: oklch(var(--colors-raw-controlblue-700-v-oklch));
  --semantic-brand-secondary-dark: oklch(var(--colors-raw-controlblue-500-v-oklch));
  --semantic-brand-accent-light: oklch(var(--colors-raw-controlsky-600-v-oklch));
  --semantic-brand-accent-dark: oklch(var(--colors-raw-controlsky-400-v-oklch));
  --semantic-brand-accent-content-light: oklch(var(--colors-raw-controlgray-1000-v-oklch));
  --semantic-brand-accent-content-dark: oklch(var(--colors-raw-controlgray-1000-v-oklch));
  --semantic-neutral-base-light: oklch(var(--colors-raw-neutral-bg-light-v-oklch));
  --semantic-neutral-base-dark: oklch(var(--colors-raw-neutral-bg-dark-v-oklch));
  --semantic-neutral-content-light: oklch(var(--colors-raw-neutral-fg-light-v-oklch));
  --semantic-neutral-content-dark: oklch(var(--colors-raw-neutral-fg-dark-v-oklch));
  --semantic-status-info-light: oklch(var(--colors-raw-controlblue-500-v-oklch));
  --semantic-status-info-dark: oklch(var(--colors-raw-controlblue-400-v-oklch));
  --semantic-status-info-content-light: oklch(var(--colors-raw-controlgray-050-v-oklch));
  --semantic-status-info-content-dark: oklch(var(--colors-raw-controlgray-1000-v-oklch));
  --semantic-status-success-light: oklch(var(--colors-raw-controlsky-600-v-oklch));
  --semantic-status-success-dark: oklch(var(--colors-raw-controlsky-400-v-oklch));
  --semantic-status-success-content-light: oklch(var(--colors-raw-controlsky-050-v-oklch));
  --semantic-status-success-content-dark: oklch(var(--colors-raw-controlsky-950-v-oklch));
  --semantic-status-warning-light: var(--brandOS-accent-amber-600);
  --semantic-status-warning-dark: var(--brandOS-accent-amber-500);
  --semantic-status-warning-content-light: var(--brandOS-accent-amber-050);
  --semantic-status-warning-content-dark: var(--brandOS-accent-amber-950);
  --semantic-status-error-light: oklch(var(--colors-raw-controlred-550-v-oklch));
  --semantic-status-error-dark: oklch(var(--colors-raw-controlred-350-v-oklch));
  --semantic-status-error-content-light: oklch(var(--colors-raw-controlgray-050-v-oklch));
  --semantic-status-error-content-dark: oklch(var(--colors-raw-controlgray-050-v-oklch));
}

[data-brand='controlbus'] {
  --colors-raw-controlblue-050-hex: #edf6ff;
  --colors-raw-controlblue-100-hex: #dcecff;
  --colors-raw-controlblue-150-hex: #c7dfff;
  --colors-raw-controlblue-200-hex: #b3d3ff;
  --colors-raw-controlblue-250-hex: #9ec5ff;
  --colors-raw-controlblue-300-hex: #8ab8ff;
  --colors-raw-controlblue-350-hex: #75abff;
  --colors-raw-controlblue-400-hex: #5696ff;
  --colors-raw-controlblue-450-hex: #3f88ff;
  --colors-raw-controlblue-500-hex: #237aff;
  --colors-raw-controlblue-550-hex: #1a6ae8;
  --colors-raw-controlblue-600-hex: #115bcd;
  --colors-raw-controlblue-650-hex: #0e4eb1;
  --colors-raw-controlblue-700-hex: #0b4196;
  --colors-raw-controlblue-750-hex: #0b367a;
  --colors-raw-controlblue-800-hex: #0b2b5f;
  --colors-raw-controlblue-850-hex: #0a2045;
  --colors-raw-controlblue-900-hex: #08152c;
  --colors-raw-controlblue-950-hex: #050b18;
  --colors-raw-controlsky-050-hex: #e8f8ff;
  --colors-raw-controlsky-100-hex: #d1f1ff;
  --colors-raw-controlsky-150-hex: #bde9ff;
  --colors-raw-controlsky-200-hex: #a8e1fd;
  --colors-raw-controlsky-250-hex: #8ed9fe;
  --colors-raw-controlsky-300-hex: #72d1fe;
  --colors-raw-controlsky-350-hex: #51cbff;
  --colors-raw-controlsky-400-hex: #29c4fe;
  --colors-raw-controlsky-450-hex: #00bdfb;
  --colors-raw-controlsky-500-hex: #00b5f5;
  --colors-raw-controlsky-550-hex: #00a2dd;
  --colors-raw-controlsky-600-hex: #0091c6;
  --colors-raw-controlsky-650-hex: #007dac;
  --colors-raw-controlsky-700-hex: #006a92;
  --colors-raw-controlsky-750-hex: #005877;
  --colors-raw-controlsky-800-hex: #08465d;
  --colors-raw-controlsky-850-hex: #103545;
  --colors-raw-controlsky-900-hex: #0e252f;
  --colors-raw-controlsky-950-hex: #091318;
  --colors-raw-controlred-050-hex: #ffeeeb;
  --colors-raw-controlred-100-hex: #ffdad5;
  --colors-raw-controlred-150-hex: #ffc5be;
  --colors-raw-controlred-200-hex: #ffaea6;
  --colors-raw-controlred-250-hex: #f48d85;
  --colors-raw-controlred-300-hex: #f67069;
  --colors-raw-controlred-350-hex: #f34d4c;
  --colors-raw-controlred-400-hex: #ee343b;
  --colors-raw-controlred-450-hex: #e80026;
  --colors-raw-controlred-500-hex: #d30021;
  --colors-raw-controlred-550-hex: #be001b;
  --colors-raw-controlred-600-hex: #a60119;
  --colors-raw-controlred-650-hex: #8c0012;
  --colors-raw-controlred-700-hex: #75030f;
  --colors-raw-controlred-750-hex: #5f060d;
  --colors-raw-controlred-800-hex: #49080a;
  --colors-raw-controlred-850-hex: #340808;
  --colors-raw-controlred-900-hex: #210606;
  --colors-raw-controlred-950-hex: #0f0403;
  --colors-raw-controlgray-050-hex: #f8fafe;
  --colors-raw-controlgray-100-hex: #edf2fa;
  --colors-raw-controlgray-150-hex: #e5ecf6;
  --colors-raw-controlgray-200-hex: #dde5f2;
  --colors-raw-controlgray-250-hex: #cad1dd;
  --colors-raw-controlgray-300-hex: #b8bec8;
  --colors-raw-controlgray-350-hex: #a6abb4;
  --colors-raw-controlgray-400-hex: #9499a0;
  --colors-raw-controlgray-450-hex: #808389;
  --colors-raw-controlgray-500-hex: #6c6f73;
  --colors-raw-controlgray-550-hex: #5a5e65;
  --colors-raw-controlgray-600-hex: #484d56;
  --colors-raw-controlgray-650-hex: #3f454f;
  --colors-raw-controlgray-700-hex: #39404c;
  --colors-raw-controlgray-750-hex: #2c333f;
  --colors-raw-controlgray-800-hex: #212936;
  --colors-raw-controlgray-850-hex: #19212e;
  --colors-raw-controlgray-900-hex: #101826;
  --colors-raw-controlgray-950-hex: #080f1c;
  --colors-raw-controlgray-1000-hex: #03060e;
  --colors-raw-neutral-fg-light-hex: #121212;
  --colors-raw-neutral-bg-light-hex: #f8fafe;
  --colors-raw-neutral-fg-dark-hex: #eaf3f8;
  --colors-raw-neutral-bg-dark-hex: #101826;
  --colors-raw-base-bg1-light-hex: #f8fafe;
  --colors-raw-base-bg1-dark-hex: #101826;
  --colors-raw-base-bg2-light-hex: #e5ecf6;
  --colors-raw-base-bg2-dark-hex: #1a2332;
  --colors-raw-base-bg3-light-hex: #dde5f2;
  --colors-raw-base-bg3-dark-hex: #080f1c;
}

/* DaisyUI overlay for controlbus.
 * Maps DaisyUI's --color-* vars onto --semantic-* tokens.
 */

[data-brand='controlbus'] {
  --color-primary: var(--semantic-brand-primary);
  --color-primary-content: var(--semantic-brand-primary-content);
  --color-secondary: var(--semantic-brand-secondary);
  --color-secondary-content: var(--semantic-brand-primary-content);
  --color-accent: var(--semantic-brand-accent);
  --color-accent-content: var(--semantic-brand-accent-content);

  --root-bg: var(--semantic-surface-1);
  --color-base-100: var(--semantic-surface-1);
  --color-base-200: var(--semantic-surface-2);
  --color-base-300: var(--semantic-surface-3);
  --color-base-content: var(--semantic-content-primary);

  --color-neutral: var(--semantic-neutral-base);
  --color-neutral-content: var(--semantic-neutral-content);

  --color-info: var(--semantic-status-info);
  --color-info-content: var(--semantic-status-info-content);
  --color-success: var(--semantic-status-success);
  --color-success-content: var(--semantic-status-success-content);
  --color-warning: var(--semantic-status-warning);
  --color-warning-content: var(--semantic-status-warning-content);
  --color-error: var(--semantic-status-error);
  --color-error-content: var(--semantic-status-error-content);
}

[data-brand='controlbus'][data-theme='light'] {
  color-scheme: light;
}

[data-brand='controlbus'][data-theme='dark'] {
  color-scheme: dark;
}

/*
 * ControlBus Brand - MUI Color Mappings
 */

[data-brand='controlbus'][data-theme='light'] {
  --mui-palette-primary-main: var(--brandOS-primary-500);
  --mui-palette-primary-light: var(--brandOS-primary-300);
  --mui-palette-primary-dark: var(--brandOS-primary-700);
  --mui-palette-primary-contrastText: var(--brandOS-gray-050);

  --mui-palette-secondary-main: oklch(var(--colors-raw-controlsky-600-v-oklch));
  --mui-palette-secondary-light: oklch(var(--colors-raw-controlsky-300-v-oklch));
  --mui-palette-secondary-dark: oklch(var(--colors-raw-controlsky-800-v-oklch));
  --mui-palette-secondary-contrastText: var(--brandOS-gray-1000);

  --mui-palette-error-main: oklch(var(--colors-raw-controlred-550-v-oklch));
  --mui-palette-error-light: oklch(var(--colors-raw-controlred-350-v-oklch));
  --mui-palette-error-dark: oklch(var(--colors-raw-controlred-700-v-oklch));
  --mui-palette-error-contrastText: var(--brandOS-gray-050);

  --mui-palette-warning-main: var(--brandOS-accent-amber-600);
  --mui-palette-warning-light: var(--brandOS-accent-amber-400);
  --mui-palette-warning-dark: var(--brandOS-accent-amber-800);
  --mui-palette-warning-contrastText: var(--brandOS-accent-amber-050);

  --mui-palette-info-main: var(--brandOS-primary-500);
  --mui-palette-info-light: var(--brandOS-primary-300);
  --mui-palette-info-dark: var(--brandOS-primary-800);
  --mui-palette-info-contrastText: var(--brandOS-gray-050);

  --mui-palette-success-main: oklch(var(--colors-raw-controlsky-600-v-oklch));
  --mui-palette-success-light: oklch(var(--colors-raw-controlsky-400-v-oklch));
  --mui-palette-success-dark: oklch(var(--colors-raw-controlsky-800-v-oklch));
  --mui-palette-success-contrastText: oklch(var(--colors-raw-controlsky-050-v-oklch));

  --mui-palette-background-default: var(--brandOS-background-primary);
  --mui-palette-background-paper: var(--brandOS-background-elevated);

  --mui-palette-text-primary: var(--brandOS-text-primary);
  --mui-palette-text-secondary: var(--brandOS-text-secondary);
  --mui-palette-text-disabled: var(--brandOS-text-tertiary);

  --mui-palette-divider: var(--brandOS-border-default);

  --mui-palette-action-active: var(--brandOS-text-secondary);
  --mui-palette-action-hover: var(--brandOS-interactive-secondary);
  --mui-palette-action-selected: var(--brandOS-interactive-secondary-hover);
  --mui-palette-action-focus: var(--brandOS-border-focus);
}

[data-brand='controlbus'][data-theme='dark'] {
  --mui-palette-primary-main: var(--brandOS-primary-400);
  --mui-palette-primary-light: var(--brandOS-primary-300);
  --mui-palette-primary-dark: var(--brandOS-primary-600);
  --mui-palette-primary-contrastText: var(--brandOS-gray-050);

  --mui-palette-secondary-main: oklch(var(--colors-raw-controlsky-500-v-oklch));
  --mui-palette-secondary-light: oklch(var(--colors-raw-controlsky-300-v-oklch));
  --mui-palette-secondary-dark: oklch(var(--colors-raw-controlsky-700-v-oklch));
  --mui-palette-secondary-contrastText: var(--brandOS-gray-1000);

  --mui-palette-error-main: oklch(var(--colors-raw-controlred-350-v-oklch));
  --mui-palette-error-light: oklch(var(--colors-raw-controlred-250-v-oklch));
  --mui-palette-error-dark: oklch(var(--colors-raw-controlred-550-v-oklch));
  --mui-palette-error-contrastText: var(--brandOS-gray-050);

  --mui-palette-warning-main: var(--brandOS-accent-amber-500);
  --mui-palette-warning-light: var(--brandOS-accent-amber-300);
  --mui-palette-warning-dark: var(--brandOS-accent-amber-700);
  --mui-palette-warning-contrastText: var(--brandOS-accent-amber-950);

  --mui-palette-info-main: var(--brandOS-primary-400);
  --mui-palette-info-light: var(--brandOS-primary-300);
  --mui-palette-info-dark: var(--brandOS-primary-700);
  --mui-palette-info-contrastText: var(--brandOS-gray-1000);

  --mui-palette-success-main: oklch(var(--colors-raw-controlsky-500-v-oklch));
  --mui-palette-success-light: oklch(var(--colors-raw-controlsky-300-v-oklch));
  --mui-palette-success-dark: oklch(var(--colors-raw-controlsky-700-v-oklch));
  --mui-palette-success-contrastText: oklch(var(--colors-raw-controlsky-950-v-oklch));

  --mui-palette-background-default: var(--brandOS-background-primary);
  --mui-palette-background-paper: var(--brandOS-background-elevated);

  --mui-palette-text-primary: var(--brandOS-text-primary);
  --mui-palette-text-secondary: var(--brandOS-text-secondary);
  --mui-palette-text-disabled: var(--brandOS-text-tertiary);

  --mui-palette-divider: var(--brandOS-border-default);

  --mui-palette-action-active: var(--brandOS-text-secondary);
  --mui-palette-action-hover: var(--brandOS-interactive-secondary);
  --mui-palette-action-selected: var(--brandOS-interactive-secondary-hover);
  --mui-palette-action-focus: var(--brandOS-border-focus);
}

/* controlbus semantic color aliases.
 * Collapses the -light / -dark pairs emitted by semantic.json into a single
 * --semantic-* variable per slot using CSS light-dark().
 */

[data-brand='controlbus'] {
  --semantic-surface-1: light-dark(var(--semantic-surface-1-light), var(--semantic-surface-1-dark));
  --semantic-surface-2: light-dark(var(--semantic-surface-2-light), var(--semantic-surface-2-dark));
  --semantic-surface-3: light-dark(var(--semantic-surface-3-light), var(--semantic-surface-3-dark));

  --semantic-content-primary: light-dark(var(--semantic-content-primary-light), var(--semantic-content-primary-dark));
  --semantic-content-muted: light-dark(var(--semantic-content-muted-light), var(--semantic-content-muted-dark));
  --semantic-content-inverse: light-dark(var(--semantic-content-inverse-light), var(--semantic-content-inverse-dark));

  --semantic-border-subtle: light-dark(var(--semantic-border-subtle-light), var(--semantic-border-subtle-dark));
  --semantic-border-default: light-dark(var(--semantic-border-default-light), var(--semantic-border-default-dark));

  --semantic-brand-primary: light-dark(var(--semantic-brand-primary-light), var(--semantic-brand-primary-dark));
  --semantic-brand-primary-content: light-dark(var(--semantic-brand-primary-content-light), var(--semantic-brand-primary-content-dark));
  --semantic-brand-secondary: light-dark(var(--semantic-brand-secondary-light), var(--semantic-brand-secondary-dark));
  --semantic-brand-accent: light-dark(var(--semantic-brand-accent-light), var(--semantic-brand-accent-dark));
  --semantic-brand-accent-content: light-dark(var(--semantic-brand-accent-content-light), var(--semantic-brand-accent-content-dark));

  --semantic-neutral-base: light-dark(var(--semantic-neutral-base-light), var(--semantic-neutral-base-dark));
  --semantic-neutral-content: light-dark(var(--semantic-neutral-content-light), var(--semantic-neutral-content-dark));

  --semantic-status-info: light-dark(var(--semantic-status-info-light), var(--semantic-status-info-dark));
  --semantic-status-info-content: light-dark(var(--semantic-status-info-content-light), var(--semantic-status-info-content-dark));
  --semantic-status-success: light-dark(var(--semantic-status-success-light), var(--semantic-status-success-dark));
  --semantic-status-success-content: light-dark(var(--semantic-status-success-content-light), var(--semantic-status-success-content-dark));
  --semantic-status-warning: light-dark(var(--semantic-status-warning-light), var(--semantic-status-warning-dark));
  --semantic-status-warning-content: light-dark(var(--semantic-status-warning-content-light), var(--semantic-status-warning-content-dark));
  --semantic-status-error: light-dark(var(--semantic-status-error-light), var(--semantic-status-error-dark));
  --semantic-status-error-content: light-dark(var(--semantic-status-error-content-light), var(--semantic-status-error-content-dark));

  --semantic-on-accent: oklch(1 0 0);
  --semantic-on-accent-muted: oklch(1 0 0 / 0.85);
  --semantic-on-accent-subtle: oklch(1 0 0 / 0.62);
  --semantic-on-accent-shine: oklch(1 0 0 / 0.18);
  --semantic-tile-dim: oklch(0 0 0 / 0.08);
}

:root[data-brand='controlbus'] {
  --brandOS-brand: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-400));

  --brandOS-text-primary: light-dark(var(--brandOS-gray-900), var(--brandOS-gray-050));
  --brandOS-text-secondary: light-dark(var(--brandOS-gray-600), var(--brandOS-gray-250));
  --brandOS-text-tertiary: light-dark(var(--brandOS-gray-500), var(--brandOS-gray-300));
  --brandOS-text-inverted: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-1000));
  --brandOS-text-on-primary: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-050));
  --brandOS-text-link: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-300));
  --brandOS-text-link-hover: light-dark(var(--brandOS-primary-600), var(--brandOS-primary-250));

  --brandOS-background-primary: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-900));
  --brandOS-background-secondary: light-dark(var(--brandOS-gray-150), var(--brandOS-gray-850));
  --brandOS-background-tertiary: light-dark(var(--brandOS-gray-200), var(--brandOS-gray-950));
  --brandOS-background-elevated: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-850));
  --brandOS-background-overlay: light-dark(oklch(from var(--brandOS-gray-1000) l c h / 0.5), oklch(from var(--brandOS-gray-1000) l c h / 0.76));
  --brandOS-root-bg: light-dark(oklch(var(--colors-raw-base-bg1-light-v-oklch)), oklch(var(--colors-raw-base-bg1-dark-v-oklch)));
  --brandOS-base-100: light-dark(oklch(var(--colors-raw-base-bg1-light-v-oklch)), oklch(var(--colors-raw-base-bg1-dark-v-oklch)));
  --brandOS-base-200: light-dark(oklch(var(--colors-raw-base-bg2-light-v-oklch)), oklch(var(--colors-raw-base-bg2-dark-v-oklch)));
  --brandOS-base-300: light-dark(oklch(var(--colors-raw-base-bg3-light-v-oklch)), oklch(var(--colors-raw-base-bg3-dark-v-oklch)));
  --brandOS-base-content: light-dark(oklch(var(--colors-raw-neutral-fg-light-v-oklch)), oklch(var(--colors-raw-neutral-fg-dark-v-oklch)));

  --brandOS-border-subtle: light-dark(var(--brandOS-gray-150), var(--brandOS-gray-800));
  --brandOS-border-default: light-dark(var(--brandOS-gray-200), var(--brandOS-gray-700));
  --brandOS-border-strong: light-dark(var(--brandOS-gray-300), var(--brandOS-gray-600));
  --brandOS-border-focus: light-dark(var(--brandOS-primary-400), var(--brandOS-primary-300));

  --brandOS-interactive-primary: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-400));
  --brandOS-interactive-primary-hover: light-dark(var(--brandOS-primary-600), var(--brandOS-primary-300));
  --brandOS-interactive-secondary: light-dark(var(--brandOS-gray-150), var(--brandOS-gray-800));
  --brandOS-interactive-secondary-hover: light-dark(var(--brandOS-gray-200), var(--brandOS-gray-700));

  --brandOS-status-success: light-dark(oklch(var(--colors-raw-controlsky-600-v-oklch)), oklch(var(--colors-raw-controlsky-500-v-oklch)));
  --brandOS-status-warning: light-dark(var(--brandOS-accent-amber-600), var(--brandOS-accent-amber-500));
  --brandOS-status-error: light-dark(oklch(var(--colors-raw-controlred-550-v-oklch)), oklch(var(--colors-raw-controlred-350-v-oklch)));
  --brandOS-status-info: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-400));
}

[data-brand='controlbus'] {
  --brandOS-primary-050: oklch(var(--colors-raw-controlblue-050-v-oklch));
  --brandOS-primary-100: oklch(var(--colors-raw-controlblue-100-v-oklch));
  --brandOS-primary-150: oklch(var(--colors-raw-controlblue-150-v-oklch));
  --brandOS-primary-200: oklch(var(--colors-raw-controlblue-200-v-oklch));
  --brandOS-primary-250: oklch(var(--colors-raw-controlblue-250-v-oklch));
  --brandOS-primary-300: oklch(var(--colors-raw-controlblue-300-v-oklch));
  --brandOS-primary-350: oklch(var(--colors-raw-controlblue-350-v-oklch));
  --brandOS-primary-400: oklch(var(--colors-raw-controlblue-400-v-oklch));
  --brandOS-primary-450: oklch(var(--colors-raw-controlblue-450-v-oklch));
  --brandOS-primary-500: oklch(var(--colors-raw-controlblue-500-v-oklch));
  --brandOS-primary-550: oklch(var(--colors-raw-controlblue-550-v-oklch));
  --brandOS-primary-600: oklch(var(--colors-raw-controlblue-600-v-oklch));
  --brandOS-primary-650: oklch(var(--colors-raw-controlblue-650-v-oklch));
  --brandOS-primary-700: oklch(var(--colors-raw-controlblue-700-v-oklch));
  --brandOS-primary-750: oklch(var(--colors-raw-controlblue-750-v-oklch));
  --brandOS-primary-800: oklch(var(--colors-raw-controlblue-800-v-oklch));
  --brandOS-primary-850: oklch(var(--colors-raw-controlblue-850-v-oklch));
  --brandOS-primary-900: oklch(var(--colors-raw-controlblue-900-v-oklch));
  --brandOS-primary-950: oklch(var(--colors-raw-controlblue-950-v-oklch));

  --brandOS-gray-050: oklch(var(--colors-raw-controlgray-050-v-oklch));
  --brandOS-gray-100: oklch(var(--colors-raw-controlgray-100-v-oklch));
  --brandOS-gray-150: oklch(var(--colors-raw-controlgray-150-v-oklch));
  --brandOS-gray-200: oklch(var(--colors-raw-controlgray-200-v-oklch));
  --brandOS-gray-250: oklch(var(--colors-raw-controlgray-250-v-oklch));
  --brandOS-gray-300: oklch(var(--colors-raw-controlgray-300-v-oklch));
  --brandOS-gray-350: oklch(var(--colors-raw-controlgray-350-v-oklch));
  --brandOS-gray-400: oklch(var(--colors-raw-controlgray-400-v-oklch));
  --brandOS-gray-450: oklch(var(--colors-raw-controlgray-450-v-oklch));
  --brandOS-gray-500: oklch(var(--colors-raw-controlgray-500-v-oklch));
  --brandOS-gray-550: oklch(var(--colors-raw-controlgray-550-v-oklch));
  --brandOS-gray-600: oklch(var(--colors-raw-controlgray-600-v-oklch));
  --brandOS-gray-650: oklch(var(--colors-raw-controlgray-650-v-oklch));
  --brandOS-gray-700: oklch(var(--colors-raw-controlgray-700-v-oklch));
  --brandOS-gray-750: oklch(var(--colors-raw-controlgray-750-v-oklch));
  --brandOS-gray-800: oklch(var(--colors-raw-controlgray-800-v-oklch));
  --brandOS-gray-850: oklch(var(--colors-raw-controlgray-850-v-oklch));
  --brandOS-gray-900: oklch(var(--colors-raw-controlgray-900-v-oklch));
  --brandOS-gray-950: oklch(var(--colors-raw-controlgray-950-v-oklch));
  --brandOS-gray-1000: oklch(var(--colors-raw-controlgray-1000-v-oklch));

  --brandOS-font-heading-display: var(--brandOS-font-red-hat);
  --brandOS-font-body-display: var(--brandOS-font-inter);
}