/* Micro-Innovation brand tokens — mirrors alexander-tokens.css pattern.
 * Anchors:
 *   primary  → #62AC1E (deep green) / #79CD2C (bright green)
 *   accent   → #1978B7 (steel blue) / #279EEE (sky blue)
 *   surface  → #000 / #111 / #202020 / #343434 (dark-first)
 *   text     → #FFFFFF (primary) / #B3B3B3 (muted)
 * Fonts: headings → Play, body → Inter (loaded via __root.tsx head link).
 * Activate with [data-brand='microinno'][data-theme='light|dark'].
 */

[data-brand='microinno'] {
  --colors-raw-microinnogreen-050-v-oklch: 0.97 0.025 130;
  --colors-raw-microinnogreen-100-v-oklch: 0.94 0.045 130;
  --colors-raw-microinnogreen-150-v-oklch: 0.91 0.07 130;
  --colors-raw-microinnogreen-200-v-oklch: 0.88 0.09 130;
  --colors-raw-microinnogreen-250-v-oklch: 0.85 0.115 130;
  --colors-raw-microinnogreen-300-v-oklch: 0.83 0.14 130;
  --colors-raw-microinnogreen-350-v-oklch: 0.805 0.16 130;
  --colors-raw-microinnogreen-400-v-oklch: 0.785 0.18 130;
  --colors-raw-microinnogreen-450-v-oklch: 0.765 0.19 130;
  --colors-raw-microinnogreen-500-v-oklch: 0.745 0.2 130;
  --colors-raw-microinnogreen-550-v-oklch: 0.685 0.18 130;
  --colors-raw-microinnogreen-600-v-oklch: 0.62 0.16 130;
  --colors-raw-microinnogreen-650-v-oklch: 0.555 0.14 130;
  --colors-raw-microinnogreen-700-v-oklch: 0.49 0.12 130;
  --colors-raw-microinnogreen-750-v-oklch: 0.425 0.1 130;
  --colors-raw-microinnogreen-800-v-oklch: 0.36 0.08 130;
  --colors-raw-microinnogreen-850-v-oklch: 0.295 0.06 130;
  --colors-raw-microinnogreen-900-v-oklch: 0.23 0.04 130;
  --colors-raw-microinnogreen-950-v-oklch: 0.165 0.022 130;
  --colors-raw-microinnoblue-050-v-oklch: 0.97 0.018 245;
  --colors-raw-microinnoblue-100-v-oklch: 0.93 0.035 245;
  --colors-raw-microinnoblue-150-v-oklch: 0.89 0.05 245;
  --colors-raw-microinnoblue-200-v-oklch: 0.84 0.065 245;
  --colors-raw-microinnoblue-250-v-oklch: 0.78 0.085 245;
  --colors-raw-microinnoblue-300-v-oklch: 0.72 0.105 245;
  --colors-raw-microinnoblue-350-v-oklch: 0.685 0.125 245;
  --colors-raw-microinnoblue-400-v-oklch: 0.665 0.14 245;
  --colors-raw-microinnoblue-450-v-oklch: 0.655 0.152 245;
  --colors-raw-microinnoblue-500-v-oklch: 0.65 0.158 245;
  --colors-raw-microinnoblue-550-v-oklch: 0.585 0.145 245;
  --colors-raw-microinnoblue-600-v-oklch: 0.52 0.13 245;
  --colors-raw-microinnoblue-650-v-oklch: 0.46 0.115 245;
  --colors-raw-microinnoblue-700-v-oklch: 0.4 0.1 245;
  --colors-raw-microinnoblue-750-v-oklch: 0.34 0.085 245;
  --colors-raw-microinnoblue-800-v-oklch: 0.28 0.07 245;
  --colors-raw-microinnoblue-850-v-oklch: 0.22 0.052 245;
  --colors-raw-microinnoblue-900-v-oklch: 0.17 0.035 245;
  --colors-raw-microinnoblue-950-v-oklch: 0.13 0.022 245;
  --colors-raw-microinnored-050-v-oklch: 0.97 0.028 27;
  --colors-raw-microinnored-100-v-oklch: 0.93 0.052 27;
  --colors-raw-microinnored-150-v-oklch: 0.885 0.078 27;
  --colors-raw-microinnored-200-v-oklch: 0.835 0.105 27;
  --colors-raw-microinnored-250-v-oklch: 0.77 0.135 27;
  --colors-raw-microinnored-300-v-oklch: 0.725 0.17 27;
  --colors-raw-microinnored-350-v-oklch: 0.685 0.205 27;
  --colors-raw-microinnored-400-v-oklch: 0.66 0.225 27;
  --colors-raw-microinnored-450-v-oklch: 0.635 0.235 27;
  --colors-raw-microinnored-500-v-oklch: 0.595 0.225 27;
  --colors-raw-microinnored-550-v-oklch: 0.545 0.21 27;
  --colors-raw-microinnored-600-v-oklch: 0.495 0.188 27;
  --colors-raw-microinnored-650-v-oklch: 0.435 0.165 27;
  --colors-raw-microinnored-700-v-oklch: 0.38 0.142 27;
  --colors-raw-microinnored-750-v-oklch: 0.325 0.118 27;
  --colors-raw-microinnored-800-v-oklch: 0.275 0.094 27;
  --colors-raw-microinnored-850-v-oklch: 0.225 0.07 27;
  --colors-raw-microinnored-900-v-oklch: 0.175 0.046 27;
  --colors-raw-microinnored-950-v-oklch: 0.13 0.026 27;
  --colors-raw-microinnogray-050-v-oklch: 1 0 0;
  --colors-raw-microinnogray-100-v-oklch: 0.95 0 0;
  --colors-raw-microinnogray-150-v-oklch: 0.92 0 0;
  --colors-raw-microinnogray-200-v-oklch: 0.88 0 0;
  --colors-raw-microinnogray-250-v-oklch: 0.83 0 0;
  --colors-raw-microinnogray-300-v-oklch: 0.78 0 0;
  --colors-raw-microinnogray-350-v-oklch: 0.74 0 0;
  --colors-raw-microinnogray-400-v-oklch: 0.66 0 0;
  --colors-raw-microinnogray-450-v-oklch: 0.56 0 0;
  --colors-raw-microinnogray-500-v-oklch: 0.46 0 0;
  --colors-raw-microinnogray-550-v-oklch: 0.4 0 0;
  --colors-raw-microinnogray-600-v-oklch: 0.36 0.008 130;
  --colors-raw-microinnogray-650-v-oklch: 0.31 0.012 130;
  --colors-raw-microinnogray-700-v-oklch: 0.275 0.014 130;
  --colors-raw-microinnogray-750-v-oklch: 0.245 0.016 130;
  --colors-raw-microinnogray-800-v-oklch: 0.215 0.018 130;
  --colors-raw-microinnogray-850-v-oklch: 0.19 0.02 130;
  --colors-raw-microinnogray-900-v-oklch: 0.155 0.018 130;
  --colors-raw-microinnogray-950-v-oklch: 0.115 0.014 130;
  --colors-raw-microinnogray-1000-v-oklch: 0.06 0.008 130;
  --colors-raw-neutral-fg-light-v-oklch: 0.183 0 0;
  --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.115 0.014 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-microinnogray-600-v-oklch));
  --semantic-content-muted-dark: oklch(var(--colors-raw-microinnogray-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-microinnogray-200-v-oklch));
  --semantic-border-subtle-dark: oklch(var(--colors-raw-microinnogray-450-v-oklch));
  --semantic-border-default-light: oklch(var(--colors-raw-microinnogray-300-v-oklch));
  --semantic-border-default-dark: oklch(var(--colors-raw-microinnogray-350-v-oklch));
  --semantic-brand-primary-light: oklch(var(--colors-raw-microinnogreen-600-v-oklch));
  --semantic-brand-primary-dark: oklch(var(--colors-raw-microinnogreen-500-v-oklch));
  --semantic-brand-primary-content-light: oklch(var(--colors-raw-microinnogray-050-v-oklch));
  --semantic-brand-primary-content-dark: oklch(var(--colors-raw-microinnogray-1000-v-oklch));
  --semantic-brand-secondary-light: oklch(var(--colors-raw-microinnogreen-700-v-oklch));
  --semantic-brand-secondary-dark: oklch(var(--colors-raw-microinnogreen-400-v-oklch));
  --semantic-brand-accent-light: oklch(var(--colors-raw-microinnoblue-600-v-oklch));
  --semantic-brand-accent-dark: oklch(var(--colors-raw-microinnoblue-500-v-oklch));
  --semantic-brand-accent-content-light: oklch(var(--colors-raw-microinnogray-050-v-oklch));
  --semantic-brand-accent-content-dark: oklch(var(--colors-raw-microinnogray-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-microinnoblue-600-v-oklch));
  --semantic-status-info-dark: oklch(var(--colors-raw-microinnoblue-500-v-oklch));
  --semantic-status-info-content-light: oklch(var(--colors-raw-microinnogray-050-v-oklch));
  --semantic-status-info-content-dark: oklch(var(--colors-raw-microinnogray-1000-v-oklch));
  --semantic-status-success-light: oklch(var(--colors-raw-microinnogreen-600-v-oklch));
  --semantic-status-success-dark: oklch(var(--colors-raw-microinnogreen-500-v-oklch));
  --semantic-status-success-content-light: oklch(var(--colors-raw-microinnogreen-050-v-oklch));
  --semantic-status-success-content-dark: oklch(var(--colors-raw-microinnogreen-950-v-oklch));
  --semantic-status-warning-light: var(--snyder-accent-amber-600);
  --semantic-status-warning-dark: var(--snyder-accent-amber-500);
  --semantic-status-warning-content-light: var(--snyder-accent-amber-050);
  --semantic-status-warning-content-dark: var(--snyder-accent-amber-950);
  --semantic-status-error-light: oklch(var(--colors-raw-microinnored-500-v-oklch));
  --semantic-status-error-dark: oklch(var(--colors-raw-microinnored-350-v-oklch));
  --semantic-status-error-content-light: oklch(var(--colors-raw-microinnogray-050-v-oklch));
  --semantic-status-error-content-dark: oklch(var(--colors-raw-microinnogray-050-v-oklch));
}

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

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

/*
 * Micro-Innovation Brand - MUI Color Mappings
 */

/* Light Mode */
[data-brand='microinno'][data-theme='light'] {
  /* Primary */
  --mui-palette-primary-main: var(--snyder-primary-600);
  --mui-palette-primary-light: var(--snyder-primary-400);
  --mui-palette-primary-dark: var(--snyder-primary-800);
  --mui-palette-primary-contrastText: var(--snyder-gray-050);

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

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

  /* Warning */
  --mui-palette-warning-main: var(--snyder-accent-amber-600);
  --mui-palette-warning-light: var(--snyder-accent-amber-400);
  --mui-palette-warning-dark: var(--snyder-accent-amber-800);
  --mui-palette-warning-contrastText: var(--snyder-accent-amber-050);

  /* Info */
  --mui-palette-info-main: oklch(var(--colors-raw-microinnoblue-600-v-oklch));
  --mui-palette-info-light: oklch(var(--colors-raw-microinnoblue-300-v-oklch));
  --mui-palette-info-dark: oklch(var(--colors-raw-microinnoblue-800-v-oklch));
  --mui-palette-info-contrastText: var(--snyder-gray-050);

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

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

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

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

  /* Action */
  --mui-palette-action-active: var(--snyder-text-secondary);
  --mui-palette-action-hover: var(--snyder-interactive-secondary);
  --mui-palette-action-selected: var(--snyder-interactive-secondary-hover);
  --mui-palette-action-focus: var(--snyder-border-focus);
}

/* Dark Mode */
[data-brand='microinno'][data-theme='dark'] {
  /* Primary */
  --mui-palette-primary-main: var(--snyder-primary-500);
  --mui-palette-primary-light: var(--snyder-primary-300);
  --mui-palette-primary-dark: var(--snyder-primary-700);
  --mui-palette-primary-contrastText: var(--snyder-gray-1000);

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

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

  /* Warning */
  --mui-palette-warning-main: var(--snyder-accent-amber-500);
  --mui-palette-warning-light: var(--snyder-accent-amber-300);
  --mui-palette-warning-dark: var(--snyder-accent-amber-700);
  --mui-palette-warning-contrastText: var(--snyder-accent-amber-950);

  /* Info */
  --mui-palette-info-main: oklch(var(--colors-raw-microinnoblue-500-v-oklch));
  --mui-palette-info-light: oklch(var(--colors-raw-microinnoblue-300-v-oklch));
  --mui-palette-info-dark: oklch(var(--colors-raw-microinnoblue-700-v-oklch));
  --mui-palette-info-contrastText: var(--snyder-gray-1000);

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

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

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

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

  /* Action */
  --mui-palette-action-active: var(--snyder-text-secondary);
  --mui-palette-action-hover: var(--snyder-interactive-secondary);
  --mui-palette-action-selected: var(--snyder-interactive-secondary-hover);
  --mui-palette-action-focus: var(--snyder-border-focus);
}

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

[data-brand='microinno'] {
  /* 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 — bright green accent needs dark text for AA contrast */
  --semantic-on-accent: oklch(var(--colors-raw-microinnogreen-950-v-oklch));
  --semantic-on-accent-muted: oklch(from oklch(var(--colors-raw-microinnogreen-950-v-oklch)) l c h / 0.82);
  --semantic-on-accent-subtle: oklch(from oklch(var(--colors-raw-microinnogreen-950-v-oklch)) l c h / 0.58);
  --semantic-on-accent-shine: oklch(1 0 0 / 0.22);

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

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

:root[data-brand='microinno'] {
  /* Brand */
  --snyder-brand: light-dark(var(--snyder-primary-600), var(--snyder-primary-500));

  /* Text */
  --snyder-text-primary: light-dark(var(--snyder-gray-900), var(--snyder-gray-050));
  --snyder-text-secondary: light-dark(var(--snyder-gray-600), var(--snyder-gray-300));
  --snyder-text-tertiary: light-dark(var(--snyder-gray-500), var(--snyder-gray-400));
  --snyder-text-inverted: light-dark(var(--snyder-gray-050), var(--snyder-gray-1000));
  --snyder-text-on-primary: light-dark(var(--snyder-gray-050), var(--snyder-gray-1000));
  --snyder-text-link: light-dark(var(--snyder-primary-600), var(--snyder-primary-400));
  --snyder-text-link-hover: light-dark(var(--snyder-primary-700), var(--snyder-primary-300));

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

  /* Border */
  --snyder-border-subtle: light-dark(var(--snyder-gray-200), var(--snyder-gray-500));
  --snyder-border-default: light-dark(var(--snyder-gray-300), var(--snyder-gray-400));
  --snyder-border-strong: light-dark(var(--snyder-gray-400), var(--snyder-gray-300));
  --snyder-border-focus: light-dark(var(--snyder-primary-500), var(--snyder-primary-400));

  /* Interactive */
  --snyder-interactive-primary: light-dark(var(--snyder-primary-600), var(--snyder-primary-500));
  --snyder-interactive-primary-hover: light-dark(var(--snyder-primary-700), var(--snyder-primary-400));
  --snyder-interactive-secondary: light-dark(var(--snyder-gray-150), var(--snyder-gray-750));
  --snyder-interactive-secondary-hover: light-dark(var(--snyder-gray-200), var(--snyder-gray-700));

  /* Status */
  --snyder-status-success: light-dark(oklch(var(--colors-raw-microinnogreen-600-v-oklch)), oklch(var(--colors-raw-microinnogreen-500-v-oklch)));
  --snyder-status-warning: light-dark(var(--snyder-accent-amber-600), var(--snyder-accent-amber-500));
  --snyder-status-error: light-dark(oklch(var(--colors-raw-microinnored-500-v-oklch)), oklch(var(--colors-raw-microinnored-350-v-oklch)));
  --snyder-status-info: light-dark(oklch(var(--colors-raw-microinnoblue-600-v-oklch)), oklch(var(--colors-raw-microinnoblue-500-v-oklch)));
}

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

  /* Color Palette - Gray (pure neutral, white→black) */
  --snyder-gray-050: oklch(var(--colors-raw-microinnogray-050-v-oklch));
  --snyder-gray-100: oklch(var(--colors-raw-microinnogray-100-v-oklch));
  --snyder-gray-150: oklch(var(--colors-raw-microinnogray-150-v-oklch));
  --snyder-gray-200: oklch(var(--colors-raw-microinnogray-200-v-oklch));
  --snyder-gray-250: oklch(var(--colors-raw-microinnogray-250-v-oklch));
  --snyder-gray-300: oklch(var(--colors-raw-microinnogray-300-v-oklch));
  --snyder-gray-350: oklch(var(--colors-raw-microinnogray-350-v-oklch));
  --snyder-gray-400: oklch(var(--colors-raw-microinnogray-400-v-oklch));
  --snyder-gray-450: oklch(var(--colors-raw-microinnogray-450-v-oklch));
  --snyder-gray-500: oklch(var(--colors-raw-microinnogray-500-v-oklch));
  --snyder-gray-550: oklch(var(--colors-raw-microinnogray-550-v-oklch));
  --snyder-gray-600: oklch(var(--colors-raw-microinnogray-600-v-oklch));
  --snyder-gray-650: oklch(var(--colors-raw-microinnogray-650-v-oklch));
  --snyder-gray-700: oklch(var(--colors-raw-microinnogray-700-v-oklch));
  --snyder-gray-750: oklch(var(--colors-raw-microinnogray-750-v-oklch));
  --snyder-gray-800: oklch(var(--colors-raw-microinnogray-800-v-oklch));
  --snyder-gray-850: oklch(var(--colors-raw-microinnogray-850-v-oklch));
  --snyder-gray-900: oklch(var(--colors-raw-microinnogray-900-v-oklch));
  --snyder-gray-950: oklch(var(--colors-raw-microinnogray-950-v-oklch));
  --snyder-gray-1000: oklch(var(--colors-raw-microinnogray-1000-v-oklch));

  /* Typography — Micro-Innovation pairing (Play headings, Inter body) */
  --snyder-font-play: 'Play', 'Red Hat Display', system-ui, sans-serif;
  --snyder-font-inter: 'Inter Variable', 'Inter', system-ui, sans-serif;
  --snyder-font-heading-display: var(--snyder-font-play);
  --snyder-font-body-display: var(--snyder-font-inter);
}