[data-brand='microlight'] {
  --colors-raw-microlightblue-050-v-oklch: 0.97 0.018 261.65;
  --colors-raw-microlightblue-100-v-oklch: 0.94 0.04 261.65;
  --colors-raw-microlightblue-150-v-oklch: 0.9 0.06 261.65;
  --colors-raw-microlightblue-200-v-oklch: 0.85 0.085 261.65;
  --colors-raw-microlightblue-250-v-oklch: 0.79 0.115 261.65;
  --colors-raw-microlightblue-300-v-oklch: 0.72 0.145 261.65;
  --colors-raw-microlightblue-350-v-oklch: 0.65 0.17 261.65;
  --colors-raw-microlightblue-400-v-oklch: 0.6 0.185 261.65;
  --colors-raw-microlightblue-450-v-oklch: 0.575 0.19 261.65;
  --colors-raw-microlightblue-500-v-oklch: 0.5563 0.1912 261.65;
  --colors-raw-microlightblue-550-v-oklch: 0.5 0.182 261.65;
  --colors-raw-microlightblue-600-v-oklch: 0.44 0.165 261.65;
  --colors-raw-microlightblue-650-v-oklch: 0.39 0.145 261.65;
  --colors-raw-microlightblue-700-v-oklch: 0.34 0.125 261.65;
  --colors-raw-microlightblue-750-v-oklch: 0.29 0.105 261.65;
  --colors-raw-microlightblue-800-v-oklch: 0.245 0.085 261.65;
  --colors-raw-microlightblue-850-v-oklch: 0.2 0.065 261.65;
  --colors-raw-microlightblue-900-v-oklch: 0.16 0.045 261.65;
  --colors-raw-microlightblue-950-v-oklch: 0.12 0.028 261.65;
  --colors-raw-microlightgray-050-v-oklch: 1 0 0;
  --colors-raw-microlightgray-100-v-oklch: 0.95 0 0;
  --colors-raw-microlightgray-150-v-oklch: 0.92 0 0;
  --colors-raw-microlightgray-200-v-oklch: 0.88 0 0;
  --colors-raw-microlightgray-250-v-oklch: 0.83 0 0;
  --colors-raw-microlightgray-300-v-oklch: 0.78 0 0;
  --colors-raw-microlightgray-350-v-oklch: 0.74 0 0;
  --colors-raw-microlightgray-400-v-oklch: 0.66 0 0;
  --colors-raw-microlightgray-450-v-oklch: 0.56 0 0;
  --colors-raw-microlightgray-500-v-oklch: 0.46 0 0;
  --colors-raw-microlightgray-550-v-oklch: 0.4 0 0;
  --colors-raw-microlightgray-600-v-oklch: 0.36 0.008 130;
  --colors-raw-microlightgray-650-v-oklch: 0.31 0.012 130;
  --colors-raw-microlightgray-700-v-oklch: 0.275 0.014 130;
  --colors-raw-microlightgray-750-v-oklch: 0.245 0.016 130;
  --colors-raw-microlightgray-800-v-oklch: 0.215 0.018 130;
  --colors-raw-microlightgray-850-v-oklch: 0.19 0.02 130;
  --colors-raw-microlightgray-900-v-oklch: 0.155 0.018 130;
  --colors-raw-microlightgray-950-v-oklch: 0.115 0.014 130;
  --colors-raw-microlightgray-1000-v-oklch: 0.06 0.008 130;
  --colors-raw-neutral-fg-light-v-oklch: 0.155 0.018 130;
  --colors-raw-neutral-bg-light-v-oklch: 1 0 0;
  --colors-raw-neutral-fg-dark-v-oklch: 1 0 0;
  --colors-raw-neutral-bg-dark-v-oklch: 0.155 0.018 130;
  --colors-raw-base-bg1-light-v-oklch: 1 0 0;
  --colors-raw-base-bg1-dark-v-oklch: 0.155 0.018 130;
  --colors-raw-base-bg2-light-v-oklch: 0.95 0 0;
  --colors-raw-base-bg2-dark-v-oklch: 0.215 0.018 130;
  --colors-raw-base-bg3-light-v-oklch: 0.92 0 0;
  --colors-raw-base-bg3-dark-v-oklch: 0.245 0.016 130;
  --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-microlightgray-600-v-oklch));
  --semantic-content-muted-dark: oklch(var(--colors-raw-microlightgray-350-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-microlightgray-200-v-oklch));
  --semantic-border-subtle-dark: oklch(var(--colors-raw-microlightgray-450-v-oklch));
  --semantic-border-default-light: oklch(var(--colors-raw-microlightgray-300-v-oklch));
  --semantic-border-default-dark: oklch(var(--colors-raw-microlightgray-350-v-oklch));
  --semantic-brand-primary-light: oklch(var(--colors-raw-microlightblue-500-v-oklch));
  --semantic-brand-primary-dark: oklch(var(--colors-raw-microlightblue-400-v-oklch));
  --semantic-brand-primary-content-light: oklch(var(--colors-raw-microlightgray-050-v-oklch));
  --semantic-brand-primary-content-dark: oklch(var(--colors-raw-microlightblue-950-v-oklch));
  --semantic-brand-secondary-light: oklch(var(--colors-raw-microlightblue-700-v-oklch));
  --semantic-brand-secondary-dark: oklch(var(--colors-raw-microlightblue-400-v-oklch));
  --semantic-brand-accent-light: oklch(var(--colors-raw-microlightblue-600-v-oklch));
  --semantic-brand-accent-dark: oklch(var(--colors-raw-microlightblue-500-v-oklch));
  --semantic-brand-accent-content-light: oklch(var(--colors-raw-microlightblue-050-v-oklch));
  --semantic-brand-accent-content-dark: oklch(var(--colors-raw-microlightgray-050-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: var(--brandOS-accent-azure-600);
  --semantic-status-info-dark: var(--brandOS-accent-azure-500);
  --semantic-status-info-content-light: var(--brandOS-accent-azure-050);
  --semantic-status-info-content-dark: var(--brandOS-accent-azure-950);
  --semantic-status-success-light: var(--brandOS-accent-lime-600);
  --semantic-status-success-dark: var(--brandOS-accent-lime-500);
  --semantic-status-success-content-light: var(--brandOS-accent-lime-050);
  --semantic-status-success-content-dark: var(--brandOS-accent-lime-950);
  --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: var(--brandOS-accent-coral-600);
  --semantic-status-error-dark: var(--brandOS-accent-coral-500);
  --semantic-status-error-content-light: var(--brandOS-accent-coral-050);
  --semantic-status-error-content-dark: var(--brandOS-accent-coral-950);
}

[data-brand='microlight'] {
  --colors-raw-microlightblue-050-hex: #eff6ff;
  --colors-raw-microlightblue-100-hex: #ddecff;
  --colors-raw-microlightblue-150-hex: #c8dfff;
  --colors-raw-microlightblue-200-hex: #afcfff;
  --colors-raw-microlightblue-250-hex: #91bbff;
  --colors-raw-microlightblue-300-hex: #71a3ff;
  --colors-raw-microlightblue-350-hex: #528bf5;
  --colors-raw-microlightblue-400-hex: #3d7aed;
  --colors-raw-microlightblue-450-hex: #3371e7;
  --colors-raw-microlightblue-500-hex: #2d6be1;
  --colors-raw-microlightblue-550-hex: #215ac9;
  --colors-raw-microlightblue-600-hex: #174aab;
  --colors-raw-microlightblue-650-hex: #133e91;
  --colors-raw-microlightblue-700-hex: #0e3277;
  --colors-raw-microlightblue-750-hex: #0a275e;
  --colors-raw-microlightblue-800-hex: #071d48;
  --colors-raw-microlightblue-850-hex: #051433;
  --colors-raw-microlightblue-900-hex: #040c20;
  --colors-raw-microlightblue-950-hex: #020510;
  --colors-raw-microlightgray-050-hex: #ffffff;
  --colors-raw-microlightgray-100-hex: #eeeeee;
  --colors-raw-microlightgray-150-hex: #e4e4e4;
  --colors-raw-microlightgray-200-hex: #d7d7d7;
  --colors-raw-microlightgray-250-hex: #c7c7c7;
  --colors-raw-microlightgray-300-hex: #b7b7b7;
  --colors-raw-microlightgray-350-hex: #ababab;
  --colors-raw-microlightgray-400-hex: #929292;
  --colors-raw-microlightgray-450-hex: #747474;
  --colors-raw-microlightgray-500-hex: #585858;
  --colors-raw-microlightgray-550-hex: #484848;
  --colors-raw-microlightgray-600-hex: #3c3e3a;
  --colors-raw-microlightgray-650-hex: #2e322b;
  --colors-raw-microlightgray-700-hex: #252922;
  --colors-raw-microlightgray-750-hex: #1e221a;
  --colors-raw-microlightgray-800-hex: #171b12;
  --colors-raw-microlightgray-850-hex: #11160c;
  --colors-raw-microlightgray-900-hex: #0a0e06;
  --colors-raw-microlightgray-950-hex: #040602;
  --colors-raw-microlightgray-1000-hex: #010100;
}

/* DaisyUI overlay for Snyder.
 * Maps DaisyUI's --color-* vars onto --semantic-* tokens. Semantic layer is
 * the single source of truth; no raw refs leak into the DaisyUI surface.
 */

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

/*
 * Snyder Brand – MUI Color Mappings
 *
 * Maps MUI palette CSS variables to Snyder brand tokens.
 * Follows the same pattern as snyder/daisyui.css.
 */

/* ─── Light Mode ─── */
[data-brand='microlight'][data-theme='light'] {
  /* Primary */
  --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-primary-050);

  /* Secondary */
  --mui-palette-secondary-main: var(--brandOS-primary-750);
  --mui-palette-secondary-light: var(--brandOS-primary-500);
  --mui-palette-secondary-dark: var(--brandOS-primary-900);
  --mui-palette-secondary-contrastText: var(--brandOS-primary-050);

  /* Error */
  --mui-palette-error-main: var(--brandOS-accent-coral-600);
  --mui-palette-error-light: var(--brandOS-accent-coral-400);
  --mui-palette-error-dark: var(--brandOS-accent-coral-800);
  --mui-palette-error-contrastText: var(--brandOS-accent-coral-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 (Azure) */
  --mui-palette-info-main: var(--brandOS-accent-azure-600);
  --mui-palette-info-light: var(--brandOS-accent-azure-400);
  --mui-palette-info-dark: var(--brandOS-accent-azure-800);
  --mui-palette-info-contrastText: var(--brandOS-accent-azure-050);

  /* Success (Lime) */
  --mui-palette-success-main: var(--brandOS-accent-lime-600);
  --mui-palette-success-light: var(--brandOS-accent-lime-400);
  --mui-palette-success-dark: var(--brandOS-accent-lime-800);
  --mui-palette-success-contrastText: var(--brandOS-accent-lime-050);

  /* 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='microlight'][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-primary-950);

  /* Secondary */
  --mui-palette-secondary-main: var(--brandOS-primary-500);
  --mui-palette-secondary-light: var(--brandOS-primary-400);
  --mui-palette-secondary-dark: var(--brandOS-primary-700);
  --mui-palette-secondary-contrastText: var(--brandOS-primary-050);

  /* Error */
  --mui-palette-error-main: var(--brandOS-accent-coral-500);
  --mui-palette-error-light: var(--brandOS-accent-coral-300);
  --mui-palette-error-dark: var(--brandOS-accent-coral-700);
  --mui-palette-error-contrastText: var(--brandOS-accent-coral-950);

  /* 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 (Azure) */
  --mui-palette-info-main: var(--brandOS-accent-azure-500);
  --mui-palette-info-light: var(--brandOS-accent-azure-300);
  --mui-palette-info-dark: var(--brandOS-accent-azure-700);
  --mui-palette-info-contrastText: var(--brandOS-accent-azure-950);

  /* Success (Lime) */
  --mui-palette-success-main: var(--brandOS-accent-lime-500);
  --mui-palette-success-light: var(--brandOS-accent-lime-300);
  --mui-palette-success-dark: var(--brandOS-accent-lime-700);
  --mui-palette-success-contrastText: var(--brandOS-accent-lime-950);

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

/* Snyder semantic color aliases.
 * Collapses the -light / -dark pairs emitted by semantic.json into a single
 * --semantic-* variable per slot using CSS light-dark(). The browser selects
 * the correct value based on the active color-scheme, which daisyui.css sets
 * per [data-theme='light|dark'] block.
 */

[data-brand='microlight'] {
  /* 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 — for content placed over colored tile/hero fills.
   * Snyder brand keeps these neutral (pure white) so tile h2/p read cleanly
   * against any accent background. Opacity steps mirror the reference site's
   * muted/subtle/shine stops. */
  --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 — a hair of black mixed into any colored tile on hover. */
  --semantic-tile-dim: oklch(0 0 0 / 0.08);
}

[data-brand='microlight'][data-theme='light'] {
  color-scheme: light;
}
[data-brand='microlight'][data-theme='dark'] {
  color-scheme: dark;
}
[data-brand='microlight'] {
  /*brand*/
  --brandOS-brand: light-dark(var(--brandOS-primary-500), 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-300));
  --brandOS-text-tertiary: light-dark(var(--brandOS-gray-500), var(--brandOS-gray-400));
  --brandOS-text-inverted: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-900));
  --brandOS-text-on-primary: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-050));
  --brandOS-text-link: light-dark(var(--brandOS-primary-600), var(--brandOS-primary-400));
  --brandOS-text-link-hover: light-dark(var(--brandOS-primary-700), var(--brandOS-primary-300));

  /*background*/
  --brandOS-background-primary: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-950));
  --brandOS-background-secondary: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-900));
  --brandOS-background-tertiary: light-dark(var(--brandOS-gray-100), var(--brandOS-gray-800));
  --brandOS-background-elevated: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-900));
  --brandOS-background-overlay: light-dark(oklch(from var(--brandOS-gray-950) l c h / 0.5), oklch(from var(--brandOS-gray-950) l c h / 0.7));
  --brandOS-root-bg: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-950));
  --brandOS-base-100: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-950));
  --brandOS-base-200: light-dark(var(--brandOS-gray-100), var(--brandOS-gray-900));
  --brandOS-base-300: light-dark(var(--brandOS-gray-150), var(--brandOS-gray-850));
  --brandOS-base-content: light-dark(var(--brandOS-gray-050), var(--brandOS-gray-900));

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

  /*interactive*/
  --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-100), var(--brandOS-gray-800));
  --brandOS-interactive-secondary-hover: light-dark(var(--brandOS-gray-200), var(--brandOS-gray-700));

  /*status*/
  --brandOS-status-success: light-dark(var(--brandOS-accent-lime-600), var(--brandOS-accent-lime-500));
  --brandOS-status-warning: light-dark(var(--brandOS-accent-amber-600), var(--brandOS-accent-amber-500));
  --brandOS-status-error: light-dark(var(--brandOS-accent-coral-600), var(--brandOS-accent-coral-500));
  --brandOS-status-info: light-dark(var(--brandOS-accent-azure-600), var(--brandOS-accent-azure-500));
}

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

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

  /* Typography */
  --brandOS-font-heading: var(--brandOS-font-play);
  --brandOS-font-body: var(--brandOS-font-inter);
  --brandOS-font-heading-display: var(--brandOS-font-heading);
  --brandOS-font-body-display: var(--brandOS-font-body);
  --brandOS-font-display: var(--brandOS-font-heading);
  --brandOS-font-ui: var(--brandOS-font-body);
  --brandOS-font-mono: ui-monospace, 'Cascadia Code', monospace;
}