[data-brand='mcit'] {
  --colors-raw-mcitnavy-050-v-oklch: 0.99 0.004 270;
  --colors-raw-mcitnavy-100-v-oklch: 0.97 0.01 270;
  --colors-raw-mcitnavy-150-v-oklch: 0.945 0.02 270;
  --colors-raw-mcitnavy-200-v-oklch: 0.82 0.065 270;
  --colors-raw-mcitnavy-250-v-oklch: 0.74 0.08 270;
  --colors-raw-mcitnavy-300-v-oklch: 0.65 0.095 270;
  --colors-raw-mcitnavy-350-v-oklch: 0.56 0.105 270;
  --colors-raw-mcitnavy-400-v-oklch: 0.46 0.11 270;
  --colors-raw-mcitnavy-450-v-oklch: 0.36 0.1 270;
  --colors-raw-mcitnavy-500-v-oklch: 0.28 0.085 270;
  --colors-raw-mcitnavy-550-v-oklch: 0.245 0.078 270;
  --colors-raw-mcitnavy-600-v-oklch: 0.215 0.07 270;
  --colors-raw-mcitnavy-650-v-oklch: 0.2 0.065 270;
  --colors-raw-mcitnavy-700-v-oklch: 0.185 0.06 270;
  --colors-raw-mcitnavy-750-v-oklch: 0.165 0.052 270;
  --colors-raw-mcitnavy-800-v-oklch: 0.145 0.044 270;
  --colors-raw-mcitnavy-850-v-oklch: 0.125 0.036 270;
  --colors-raw-mcitnavy-900-v-oklch: 0.105 0.028 270;
  --colors-raw-mcitnavy-950-v-oklch: 0.085 0.02 270;
  --colors-raw-mcitemerald-050-v-oklch: 0.97 0.022 148;
  --colors-raw-mcitemerald-100-v-oklch: 0.94 0.04 148;
  --colors-raw-mcitemerald-150-v-oklch: 0.91 0.06 148;
  --colors-raw-mcitemerald-200-v-oklch: 0.88 0.08 148;
  --colors-raw-mcitemerald-250-v-oklch: 0.85 0.1 148;
  --colors-raw-mcitemerald-300-v-oklch: 0.82 0.125 148;
  --colors-raw-mcitemerald-350-v-oklch: 0.8 0.15 148;
  --colors-raw-mcitemerald-400-v-oklch: 0.785 0.17 148;
  --colors-raw-mcitemerald-450-v-oklch: 0.77 0.185 148;
  --colors-raw-mcitemerald-500-v-oklch: 0.745 0.19 148;
  --colors-raw-mcitemerald-550-v-oklch: 0.69 0.175 148;
  --colors-raw-mcitemerald-600-v-oklch: 0.625 0.155 148;
  --colors-raw-mcitemerald-650-v-oklch: 0.56 0.135 148;
  --colors-raw-mcitemerald-700-v-oklch: 0.495 0.115 148;
  --colors-raw-mcitemerald-750-v-oklch: 0.43 0.095 148;
  --colors-raw-mcitemerald-800-v-oklch: 0.365 0.075 148;
  --colors-raw-mcitemerald-850-v-oklch: 0.3 0.055 148;
  --colors-raw-mcitemerald-900-v-oklch: 0.235 0.035 148;
  --colors-raw-mcitemerald-950-v-oklch: 0.17 0.02 148;
  --colors-raw-mcitred-050-v-oklch: 0.97 0.028 27;
  --colors-raw-mcitred-100-v-oklch: 0.93 0.052 27;
  --colors-raw-mcitred-150-v-oklch: 0.885 0.078 27;
  --colors-raw-mcitred-200-v-oklch: 0.835 0.105 27;
  --colors-raw-mcitred-250-v-oklch: 0.77 0.135 27;
  --colors-raw-mcitred-300-v-oklch: 0.725 0.17 27;
  --colors-raw-mcitred-350-v-oklch: 0.685 0.205 27;
  --colors-raw-mcitred-400-v-oklch: 0.66 0.225 27;
  --colors-raw-mcitred-450-v-oklch: 0.635 0.235 27;
  --colors-raw-mcitred-500-v-oklch: 0.595 0.225 27;
  --colors-raw-mcitred-550-v-oklch: 0.545 0.21 27;
  --colors-raw-mcitred-600-v-oklch: 0.495 0.188 27;
  --colors-raw-mcitred-650-v-oklch: 0.435 0.165 27;
  --colors-raw-mcitred-700-v-oklch: 0.38 0.142 27;
  --colors-raw-mcitred-750-v-oklch: 0.325 0.118 27;
  --colors-raw-mcitred-800-v-oklch: 0.275 0.094 27;
  --colors-raw-mcitred-850-v-oklch: 0.225 0.07 27;
  --colors-raw-mcitred-900-v-oklch: 0.175 0.046 27;
  --colors-raw-mcitred-950-v-oklch: 0.13 0.026 27;
  --colors-raw-mcitgray-050-v-oklch: 0.985 0.005 270;
  --colors-raw-mcitgray-100-v-oklch: 0.965 0.008 270;
  --colors-raw-mcitgray-150-v-oklch: 0.94 0.012 270;
  --colors-raw-mcitgray-200-v-oklch: 0.91 0.016 270;
  --colors-raw-mcitgray-250-v-oklch: 0.85 0.018 270;
  --colors-raw-mcitgray-300-v-oklch: 0.79 0.02 270;
  --colors-raw-mcitgray-350-v-oklch: 0.73 0.022 270;
  --colors-raw-mcitgray-400-v-oklch: 0.67 0.024 270;
  --colors-raw-mcitgray-450-v-oklch: 0.6 0.025 270;
  --colors-raw-mcitgray-500-v-oklch: 0.54 0.026 270;
  --colors-raw-mcitgray-550-v-oklch: 0.48 0.025 270;
  --colors-raw-mcitgray-600-v-oklch: 0.42 0.024 270;
  --colors-raw-mcitgray-650-v-oklch: 0.37 0.024 270;
  --colors-raw-mcitgray-700-v-oklch: 0.32 0.026 270;
  --colors-raw-mcitgray-750-v-oklch: 0.275 0.028 270;
  --colors-raw-mcitgray-800-v-oklch: 0.235 0.03 270;
  --colors-raw-mcitgray-850-v-oklch: 0.2 0.032 270;
  --colors-raw-mcitgray-900-v-oklch: 0.165 0.03 270;
  --colors-raw-mcitgray-950-v-oklch: 0.135 0.026 270;
  --colors-raw-mcitgray-1000-v-oklch: 0.1 0.02 270;
  --colors-raw-neutral-fg-light-v-oklch: 0.145 0.044 270;
  --colors-raw-neutral-bg-light-v-oklch: 0.99 0.004 270;
  --colors-raw-neutral-fg-dark-v-oklch: 0.99 0.004 270;
  --colors-raw-neutral-bg-dark-v-oklch: 0.125 0.036 270;
  --colors-raw-base-bg1-light-v-oklch: 0.99 0.004 270;
  --colors-raw-base-bg1-dark-v-oklch: 0.125 0.036 270;
  --colors-raw-base-bg2-light-v-oklch: 0.97 0.01 270;
  --colors-raw-base-bg2-dark-v-oklch: 0.125 0.036 270;
  --colors-raw-base-bg3-light-v-oklch: 0.945 0.02 270;
  --colors-raw-base-bg3-dark-v-oklch: 0.105 0.028 270;
  --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-mcitgray-600-v-oklch));
  --semantic-content-muted-dark: oklch(var(--colors-raw-mcitgray-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-mcitgray-150-v-oklch));
  --semantic-border-subtle-dark: oklch(var(--colors-raw-mcitnavy-900-v-oklch));
  --semantic-border-default-light: oklch(var(--colors-raw-mcitgray-250-v-oklch));
  --semantic-border-default-dark: oklch(var(--colors-raw-mcitnavy-950-v-oklch));
  --semantic-brand-primary-light: oklch(var(--colors-raw-mcitnavy-700-v-oklch));
  --semantic-brand-primary-dark: oklch(var(--colors-raw-mcitnavy-250-v-oklch));
  --semantic-brand-primary-content-light: oklch(var(--colors-raw-mcitnavy-050-v-oklch));
  --semantic-brand-primary-content-dark: oklch(var(--colors-raw-mcitnavy-900-v-oklch));
  --semantic-brand-secondary-light: oklch(var(--colors-raw-mcitnavy-500-v-oklch));
  --semantic-brand-secondary-dark: oklch(var(--colors-raw-mcitnavy-250-v-oklch));
  --semantic-brand-accent-light: oklch(var(--colors-raw-mcitemerald-600-v-oklch));
  --semantic-brand-accent-dark: oklch(var(--colors-raw-mcitemerald-500-v-oklch));
  --semantic-brand-accent-content-light: oklch(var(--colors-raw-mcitgray-050-v-oklch));
  --semantic-brand-accent-content-dark: oklch(var(--colors-raw-mcitgray-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-mcitnavy-500-v-oklch));
  --semantic-status-info-dark: oklch(var(--colors-raw-mcitnavy-250-v-oklch));
  --semantic-status-info-content-light: oklch(var(--colors-raw-mcitgray-050-v-oklch));
  --semantic-status-info-content-dark: oklch(var(--colors-raw-mcitgray-1000-v-oklch));
  --semantic-status-success-light: oklch(var(--colors-raw-mcitemerald-600-v-oklch));
  --semantic-status-success-dark: oklch(var(--colors-raw-mcitemerald-500-v-oklch));
  --semantic-status-success-content-light: oklch(var(--colors-raw-mcitemerald-050-v-oklch));
  --semantic-status-success-content-dark: oklch(var(--colors-raw-mcitemerald-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-mcitred-500-v-oklch));
  --semantic-status-error-dark: oklch(var(--colors-raw-mcitred-350-v-oklch));
  --semantic-status-error-content-light: oklch(var(--colors-raw-mcitgray-050-v-oklch));
  --semantic-status-error-content-dark: oklch(var(--colors-raw-mcitgray-050-v-oklch));
}

[data-brand='mcit'] {
  --colors-raw-mcitnavy-050-hex: #fbfcff;
  --colors-raw-mcitnavy-100-hex: #f2f5fc;
  --colors-raw-mcitnavy-150-hex: #e7edfb;
  --colors-raw-mcitnavy-200-hex: #b3c3ef;
  --colors-raw-mcitnavy-250-hex: #97a9de;
  --colors-raw-mcitnavy-300-hex: #788cca;
  --colors-raw-mcitnavy-350-hex: #5d70b2;
  --colors-raw-mcitnavy-400-hex: #405395;
  --colors-raw-mcitnavy-450-hex: #293871;
  --colors-raw-mcitnavy-500-hex: #192452;
  --colors-raw-mcitnavy-550-hex: #131c45;
  --colors-raw-mcitnavy-600-hex: #0d1539;
  --colors-raw-mcitnavy-650-hex: #0b1233;
  --colors-raw-mcitnavy-700-hex: #090f2d;
  --colors-raw-mcitnavy-750-hex: #060c24;
  --colors-raw-mcitnavy-800-hex: #04081c;
  --colors-raw-mcitnavy-850-hex: #030514;
  --colors-raw-mcitnavy-900-hex: #02030d;
  --colors-raw-mcitnavy-950-hex: #010206;
  --colors-raw-mcitemerald-050-hex: #ecfaed;
  --colors-raw-mcitemerald-100-hex: #daf3dc;
  --colors-raw-mcitemerald-150-hex: #c7edcb;
  --colors-raw-mcitemerald-200-hex: #b4e7ba;
  --colors-raw-mcitemerald-250-hex: #a1e0a9;
  --colors-raw-mcitemerald-300-hex: #89da96;
  --colors-raw-mcitemerald-350-hex: #73d885;
  --colors-raw-mcitemerald-400-hex: #60d677;
  --colors-raw-mcitemerald-450-hex: #4dd36c;
  --colors-raw-mcitemerald-500-hex: #3dcb62;
  --colors-raw-mcitemerald-550-hex: #37b758;
  --colors-raw-mcitemerald-600-hex: #33a04e;
  --colors-raw-mcitemerald-650-hex: #2e8944;
  --colors-raw-mcitemerald-700-hex: #2a733a;
  --colors-raw-mcitemerald-750-hex: #245e30;
  --colors-raw-mcitemerald-800-hex: #1f4927;
  --colors-raw-mcitemerald-850-hex: #19351e;
  --colors-raw-mcitemerald-900-hex: #122315;
  --colors-raw-mcitemerald-950-hex: #09120a;
  --colors-raw-mcitred-050-hex: #ffefeb;
  --colors-raw-mcitred-100-hex: #ffdbd5;
  --colors-raw-mcitred-150-hex: #ffc6be;
  --colors-raw-mcitred-200-hex: #ffaea4;
  --colors-raw-mcitred-250-hex: #ff9085;
  --colors-raw-mcitred-300-hex: #ff756a;
  --colors-raw-mcitred-350-hex: #ff584f;
  --colors-raw-mcitred-400-hex: #fe423d;
  --colors-raw-mcitred-450-hex: #f92e2f;
  --colors-raw-mcitred-500-hex: #e62428;
  --colors-raw-mcitred-550-hex: #ce1a1f;
  --colors-raw-mcitred-600-hex: #b4191c;
  --colors-raw-mcitred-650-hex: #971316;
  --colors-raw-mcitred-700-hex: #7d1011;
  --colors-raw-mcitred-750-hex: #630e0e;
  --colors-raw-mcitred-800-hex: #4c0d0b;
  --colors-raw-mcitred-850-hex: #360a08;
  --colors-raw-mcitred-900-hex: #210706;
  --colors-raw-mcitred-950-hex: #100403;
  --colors-raw-mcitgray-050-hex: #f9fafe;
  --colors-raw-mcitgray-100-hex: #f1f3f9;
  --colors-raw-mcitgray-150-hex: #e8ebf4;
  --colors-raw-mcitgray-200-hex: #dde1ec;
  --colors-raw-mcitgray-250-hex: #c9cdda;
  --colors-raw-mcitgray-300-hex: #b5bac8;
  --colors-raw-mcitgray-350-hex: #a2a7b6;
  --colors-raw-mcitgray-400-hex: #8f95a5;
  --colors-raw-mcitgray-450-hex: #7a8090;
  --colors-raw-mcitgray-500-hex: #696e7e;
  --colors-raw-mcitgray-550-hex: #585d6c;
  --colors-raw-mcitgray-600-hex: #484d5b;
  --colors-raw-mcitgray-650-hex: #3b3f4d;
  --colors-raw-mcitgray-700-hex: #2e3240;
  --colors-raw-mcitgray-750-hex: #222736;
  --colors-raw-mcitgray-800-hex: #181d2c;
  --colors-raw-mcitgray-850-hex: #101525;
  --colors-raw-mcitgray-900-hex: #090d1b;
  --colors-raw-mcitgray-950-hex: #050813;
  --colors-raw-mcitgray-1000-hex: #020309;
}

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

[data-brand='mcit'] {
  /* Brand */
  --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);

  /* Base surfaces / 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);

  /* Neutral */
  --color-neutral: var(--semantic-neutral-base);
  --color-neutral-content: var(--semantic-neutral-content);

  /* Status */
  --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='mcit'][data-theme='light'] {
  color-scheme: light;
}
[data-brand='mcit'][data-theme='dark'] {
  color-scheme: dark;
}

/*
 * MCIT Brand - MUI Color Mappings
 */

/* Light Mode */
[data-brand='mcit'][data-theme='light'] {
  /* Primary */
  --mui-palette-primary-main: var(--brandOS-primary-700);
  --mui-palette-primary-light: var(--brandOS-primary-400);
  --mui-palette-primary-dark: var(--brandOS-primary-900);
  --mui-palette-primary-contrastText: var(--brandOS-gray-050);

  /* Secondary */
  --mui-palette-secondary-main: oklch(var(--colors-raw-mcitemerald-600-v-oklch));
  --mui-palette-secondary-light: oklch(var(--colors-raw-mcitemerald-300-v-oklch));
  --mui-palette-secondary-dark: oklch(var(--colors-raw-mcitemerald-800-v-oklch));
  --mui-palette-secondary-contrastText: var(--brandOS-gray-050);

  /* Error */
  --mui-palette-error-main: oklch(var(--colors-raw-mcitred-500-v-oklch));
  --mui-palette-error-light: oklch(var(--colors-raw-mcitred-350-v-oklch));
  --mui-palette-error-dark: oklch(var(--colors-raw-mcitred-700-v-oklch));
  --mui-palette-error-contrastText: var(--brandOS-gray-050);

  /* Warning */
  --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);

  /* Info */
  --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);

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

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

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

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

  /* Action */
  --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);
}

/* Dark Mode */
[data-brand='mcit'][data-theme='dark'] {
  /* Primary */
  --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);

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

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

  /* Warning */
  --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);

  /* Info */
  --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);

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

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

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

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

  /* Action */
  --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);
}

/* MCIT semantic color aliases.
 * Collapses the -light / -dark pairs into a single --semantic-* var via light-dark().
 */

/* mcit 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='mcit'] {
  /* Surface */
  --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));

  /* Content */
  --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));

  /* Border */
  --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));

  /* Brand */
  --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));

  /* Neutral */
  --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));

  /* Status */
  --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));

  /* On-accent surfaces */
  --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.7);
  --semantic-on-accent-shine: oklch(1 0 0 / 0.18);

  /* Tile hover darken */
  --semantic-tile-dim: oklch(0 0 0 / 0.08);
}

[data-brand='mcit'][data-theme='light'] {
  color-scheme: light;
}
[data-brand='mcit'][data-theme='dark'] {
  color-scheme: dark;
}
:root[data-brand='mcit'] {
  /* Brand */
  --brandOS-brand: light-dark(var(--brandOS-primary-700), var(--brandOS-primary-400));

  /* Text */
  --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-700), var(--brandOS-primary-300));
  --brandOS-text-link-hover: light-dark(var(--brandOS-primary-800), var(--brandOS-primary-250));

  /* Background */
  --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)));

  /* Border */
  --brandOS-border-subtle: light-dark(var(--brandOS-gray-150), oklch(var(--colors-raw-mcitnavy-900-v-oklch)));
  --brandOS-border-default: light-dark(var(--brandOS-gray-250), oklch(var(--colors-raw-mcitnavy-950-v-oklch)));
  --brandOS-border-strong: light-dark(var(--brandOS-gray-350), oklch(var(--colors-raw-mcitnavy-950-v-oklch)));
  --brandOS-border-focus: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-300));

  /* Interactive */
  --brandOS-interactive-primary: light-dark(var(--brandOS-primary-700), var(--brandOS-primary-250));
  --brandOS-interactive-primary-hover: light-dark(var(--brandOS-primary-800), var(--brandOS-primary-200));
  --brandOS-interactive-secondary: light-dark(var(--brandOS-gray-150), var(--brandOS-primary-800));
  --brandOS-interactive-secondary-hover: light-dark(var(--brandOS-gray-200), var(--brandOS-primary-700));

  /* Status */
  --brandOS-status-success: light-dark(oklch(var(--colors-raw-mcitemerald-600-v-oklch)), oklch(var(--colors-raw-mcitemerald-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-mcitred-500-v-oklch)), oklch(var(--colors-raw-mcitred-350-v-oklch)));
  --brandOS-status-info: light-dark(var(--brandOS-primary-500), var(--brandOS-primary-400));
}

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

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

  /* Typography */
  --brandOS-font-quicksand: 'Quicksand', 'Inter Variable', system-ui, sans-serif;
  --brandOS-font-opensans: 'Open Sans', 'Inter Variable', 'Inter', system-ui, sans-serif;
  --brandOS-font-roboto: 'Roboto', system-ui, sans-serif;
  --brandOS-font-roboto-slab: 'Roboto Slab', Georgia, serif;
  --brandOS-font-heading-display: var(--brandOS-font-quicksand);
  --brandOS-font-body-display: var(--brandOS-font-opensans);
}