/* Auto-generated by Style Dictionary — DO NOT EDIT */

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --snyder-ease-linear: linear;
  --snyder-ease-snappy: cubic-bezier(0.2, 0, 0, 1);
  --snyder-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --snyder-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --snyder-ease-strokeDraw: cubic-bezier(0.65, 0, 0.35, 1);
  --snyder-ease-stroke-draw: cubic-bezier(0.65, 0, 0.35, 1);
  --snyder-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --snyder-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --snyder-duration-instant: 50ms;
  --snyder-duration-fast: 150ms;
  --snyder-duration-normal: 300ms;
  --snyder-duration-page: 400ms;
  --snyder-duration-slow: 500ms;
  --snyder-duration-reduced: 1ms;
  --snyder-radius-sm: 0.125rem;
  --snyder-radius-default: 0.25rem;
  --snyder-radius-md: 0.375rem;
  --snyder-radius-lg: 0.5rem;
  --snyder-radius-xl: 0.75rem;
  --snyder-radius-2xl: 1rem;
  --snyder-radius-full: 9999px;
  --snyder-shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.05);
  --snyder-shadow-default: 0 1px 3px 0 oklch(0 0 0 / 0.1), 0 1px 2px -1px oklch(0 0 0 / 0.1);
  --snyder-shadow-md: 0 4px 6px -1px oklch(0 0 0 / 0.1), 0 2px 4px -2px oklch(0 0 0 / 0.1);
  --snyder-shadow-lg: 0 10px 15px -3px oklch(0 0 0 / 0.1), 0 4px 6px -4px oklch(0 0 0 / 0.1);
  --snyder-shadow-xl: 0 20px 25px -5px oklch(0 0 0 / 0.1), 0 8px 10px -6px oklch(0 0 0 / 0.1);
  --snyder-space-0: 0;
  --snyder-space-1: 0.25rem;
  --snyder-space-2: 0.5rem;
  --snyder-space-3: 0.75rem;
  --snyder-space-4: 1rem;
  --snyder-space-5: 1.25rem;
  --snyder-space-6: 1.5rem;
  --snyder-space-8: 2rem;
  --snyder-space-10: 2.5rem;
  --snyder-space-12: 3rem;
  --snyder-space-14: 3.5rem;
  --snyder-space-16: 4rem;
  --snyder-space-18: 4.5rem;
  --snyder-space-20: 5rem;
  --snyder-space-24: 6rem;
  --snyder-z-base: 0;
  --snyder-z-docked: 10;
  --snyder-z-sticky: 100;
  --snyder-z-overlay: 500;
  --snyder-z-drawer: 700;
  --snyder-z-dialog: 800;
  --snyder-z-dropdown: 900;
  --snyder-z-toast: 950;
  --snyder-z-tooltip: 1000;
  --snyder-input-height-sm: 1.875rem;
  --snyder-input-height-md: 2.5rem;
  --snyder-input-height-lg: 3.125rem;
  --snyder-toggle-size-sm: 0.875rem;
  --snyder-toggle-size-md: 1.125rem;
  --snyder-toggle-size-lg: 1.375rem;
  --snyder-switch-width: 2.625rem;
  --snyder-switch-height: 1.625rem;
  --snyder-switch-thumb-size: 1.125rem;
  --snyder-badge-height-sm: 1.5rem;
  --snyder-badge-height-md: 2rem;
  --snyder-border-width-default: 1px;
  --snyder-border-width-focus: 2px;
  --snyder-focus-ring-offset: 1px;
  --snyder-tooltip-arrow-size: 6px;
  --snyder-font-inter: 'Inter Variable', 'Inter', system-ui, sans-serif;
  --snyder-font-red-hat: 'Red Hat Display', sans-serif;
  --snyder-font-jetbrains: 'JetBrains Mono Variable', 'JetBrains Mono', monospace;
  --snyder-text-xs: clamp(0.625rem, 0.7rem + 0.25vw, 0.75rem);
  --snyder-text-sm: clamp(0.75rem, 0.8rem + 0.375vw, 0.875rem);
  --snyder-text-base: clamp(0.875rem, 0.9rem + 0.5vw, 1rem);
  --snyder-text-md: clamp(1.0625rem, 1rem + 0.3vw, 1.125rem);
  --snyder-text-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
  --snyder-text-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
  --snyder-text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
  --snyder-text-3xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);
  --snyder-text-4xl: clamp(2.5rem, 1.75rem + 3.75vw, 4rem);
  --snyder-text-5xl: clamp(3rem, 2rem + 5vw, 5rem);
  --snyder-text-6xl: clamp(3.5rem, 2.5rem + 5vw, 6rem);
  --snyder-text-7xl: clamp(4rem, 3rem + 5vw, 7rem);
  --snyder-text-8xl: clamp(4.5rem, 3rem + 6vw, 8rem);
  --snyder-text-9xl: clamp(5rem, 3rem + 8vw, 9rem);
  --snyder-font-weight-thin: 100;
  --snyder-font-weight-light: 300;
  --snyder-font-weight-regular: 400;
  --snyder-font-weight-medium: 500;
  --snyder-font-weight-semibold: 600;
  --snyder-font-weight-bold: 700;
  --snyder-font-weight-bolder: 900;
  --snyder-leading-none: 1;
  --snyder-leading-tight: 1.1;
  --snyder-leading-snug: 1.25;
  --snyder-leading-normal: 1.5;
  --snyder-leading-relaxed: 1.625;
  --snyder-leading-loose: 2;
  --snyder-tracking-denser: -0.03em;
  --snyder-tracking-dense: -0.015em;
  --snyder-tracking-normal: normal;
  --snyder-tracking-loose: 0.075em;
  --snyder-tracking-looser: 0.15em;
  --snyder-accent-matrix-100: oklch(0.92 0.12 145);
  --snyder-accent-matrix-200: oklch(0.86 0.16 145);
  --snyder-accent-matrix-300: oklch(0.78 0.2 145);
  --snyder-accent-matrix-400: oklch(0.7 0.24 145);
  --snyder-accent-matrix-500: oklch(0.82 0.28 145);
  --snyder-accent-matrix-600: oklch(0.72 0.3 145);
  --snyder-accent-matrix-700: oklch(0.33 0.28 145);
  --snyder-accent-matrix-800: oklch(0.28 0.24 145);
  --snyder-accent-matrix-900: oklch(0.23 0.2 145);
  --snyder-accent-matrix-950: oklch(0.18 0.16 145);
  --snyder-accent-matrix-050: oklch(0.96 0.08 145);
  --snyder-accent-matrix-light: var(--snyder-accent-matrix-500);
  --snyder-accent-matrix-base: var(--snyder-accent-matrix-600);
  --snyder-accent-matrix-dark: var(--snyder-accent-matrix-700);
  --snyder-accent-matrix-hover: var(--snyder-accent-matrix-400);
  --snyder-accent-matrix-active: var(--snyder-accent-matrix-800);
  --snyder-accent-cyan-100: oklch(0.92 0.09 195);
  --snyder-accent-cyan-200: oklch(0.86 0.12 195);
  --snyder-accent-cyan-300: oklch(0.78 0.15 195);
  --snyder-accent-cyan-400: oklch(0.7 0.17 195);
  --snyder-accent-cyan-500: oklch(0.82 0.18 195);
  --snyder-accent-cyan-600: oklch(0.72 0.2 195);
  --snyder-accent-cyan-700: oklch(0.34 0.18 195);
  --snyder-accent-cyan-800: oklch(0.28 0.16 195);
  --snyder-accent-cyan-900: oklch(0.23 0.14 195);
  --snyder-accent-cyan-950: oklch(0.18 0.12 195);
  --snyder-accent-cyan-050: oklch(0.96 0.06 195);
  --snyder-accent-cyan-light: var(--snyder-accent-cyan-500);
  --snyder-accent-cyan-base: var(--snyder-accent-cyan-600);
  --snyder-accent-cyan-dark: var(--snyder-accent-cyan-700);
  --snyder-accent-cyan-hover: var(--snyder-accent-cyan-400);
  --snyder-accent-cyan-active: var(--snyder-accent-cyan-800);
  --snyder-accent-magenta-100: oklch(0.92 0.1 330);
  --snyder-accent-magenta-200: oklch(0.86 0.14 330);
  --snyder-accent-magenta-300: oklch(0.78 0.17 330);
  --snyder-accent-magenta-400: oklch(0.7 0.2 330);
  --snyder-accent-magenta-500: oklch(0.82 0.22 330);
  --snyder-accent-magenta-600: oklch(0.72 0.25 330);
  --snyder-accent-magenta-700: oklch(0.3 0.22 330);
  --snyder-accent-magenta-800: oklch(0.25 0.18 330);
  --snyder-accent-magenta-900: oklch(0.2 0.15 330);
  --snyder-accent-magenta-950: oklch(0.16 0.12 330);
  --snyder-accent-magenta-050: oklch(0.96 0.07 330);
  --snyder-accent-magenta-light: var(--snyder-accent-magenta-500);
  --snyder-accent-magenta-base: var(--snyder-accent-magenta-600);
  --snyder-accent-magenta-dark: var(--snyder-accent-magenta-700);
  --snyder-accent-magenta-hover: var(--snyder-accent-magenta-400);
  --snyder-accent-magenta-active: var(--snyder-accent-magenta-800);
  --snyder-accent-electric-100: oklch(0.92 0.09 260);
  --snyder-accent-electric-200: oklch(0.86 0.13 260);
  --snyder-accent-electric-300: oklch(0.78 0.16 260);
  --snyder-accent-electric-400: oklch(0.7 0.18 260);
  --snyder-accent-electric-500: oklch(0.82 0.2 260);
  --snyder-accent-electric-600: oklch(0.72 0.22 260);
  --snyder-accent-electric-700: oklch(0.33 0.2 260);
  --snyder-accent-electric-800: oklch(0.28 0.17 260);
  --snyder-accent-electric-900: oklch(0.23 0.14 260);
  --snyder-accent-electric-950: oklch(0.18 0.11 260);
  --snyder-accent-electric-050: oklch(0.96 0.06 260);
  --snyder-accent-electric-light: var(--snyder-accent-electric-500);
  --snyder-accent-electric-base: var(--snyder-accent-electric-600);
  --snyder-accent-electric-dark: var(--snyder-accent-electric-700);
  --snyder-accent-electric-hover: var(--snyder-accent-electric-400);
  --snyder-accent-electric-active: var(--snyder-accent-electric-800);
  --snyder-accent-coral-100: oklch(0.92 0.09 25);
  --snyder-accent-coral-200: oklch(0.86 0.12 25);
  --snyder-accent-coral-300: oklch(0.78 0.15 25);
  --snyder-accent-coral-400: oklch(0.7 0.17 25);
  --snyder-accent-coral-500: oklch(0.82 0.16 25);
  --snyder-accent-coral-600: oklch(0.72 0.18 25);
  --snyder-accent-coral-700: oklch(0.32 0.16 25);
  --snyder-accent-coral-800: oklch(0.28 0.16 25);
  --snyder-accent-coral-900: oklch(0.23 0.14 25);
  --snyder-accent-coral-950: oklch(0.18 0.12 25);
  --snyder-accent-coral-050: oklch(0.96 0.06 25);
  --snyder-accent-coral-light: var(--snyder-accent-coral-500);
  --snyder-accent-coral-base: var(--snyder-accent-coral-600);
  --snyder-accent-coral-dark: var(--snyder-accent-coral-700);
  --snyder-accent-coral-hover: var(--snyder-accent-coral-400);
  --snyder-accent-coral-active: var(--snyder-accent-coral-800);
  --snyder-accent-amber-100: oklch(0.92 0.1 80);
  --snyder-accent-amber-200: oklch(0.86 0.13 80);
  --snyder-accent-amber-300: oklch(0.78 0.15 80);
  --snyder-accent-amber-400: oklch(0.7 0.16 80);
  --snyder-accent-amber-500: oklch(0.82 0.14 80);
  --snyder-accent-amber-600: oklch(0.72 0.16 80);
  --snyder-accent-amber-700: oklch(0.35 0.14 80);
  --snyder-accent-amber-800: oklch(0.3 0.14 80);
  --snyder-accent-amber-900: oklch(0.25 0.12 80);
  --snyder-accent-amber-950: oklch(0.2 0.1 80);
  --snyder-accent-amber-050: oklch(0.96 0.07 80);
  --snyder-accent-amber-light: var(--snyder-accent-amber-500);
  --snyder-accent-amber-base: var(--snyder-accent-amber-600);
  --snyder-accent-amber-dark: var(--snyder-accent-amber-700);
  --snyder-accent-amber-hover: var(--snyder-accent-amber-400);
  --snyder-accent-amber-active: var(--snyder-accent-amber-800);
  --snyder-accent-lime-100: oklch(0.92 0.09 130);
  --snyder-accent-lime-200: oklch(0.86 0.12 130);
  --snyder-accent-lime-300: oklch(0.78 0.15 130);
  --snyder-accent-lime-400: oklch(0.7 0.17 130);
  --snyder-accent-lime-500: oklch(0.82 0.18 130);
  --snyder-accent-lime-600: oklch(0.72 0.2 130);
  --snyder-accent-lime-700: oklch(0.35 0.18 130);
  --snyder-accent-lime-800: oklch(0.3 0.15 130);
  --snyder-accent-lime-900: oklch(0.25 0.12 130);
  --snyder-accent-lime-950: oklch(0.2 0.1 130);
  --snyder-accent-lime-050: oklch(0.96 0.06 130);
  --snyder-accent-lime-light: var(--snyder-accent-lime-500);
  --snyder-accent-lime-base: var(--snyder-accent-lime-600);
  --snyder-accent-lime-dark: var(--snyder-accent-lime-700);
  --snyder-accent-lime-hover: var(--snyder-accent-lime-400);
  --snyder-accent-lime-active: var(--snyder-accent-lime-800);
  --snyder-accent-teal-100: oklch(0.92 0.08 180);
  --snyder-accent-teal-200: oklch(0.86 0.1 180);
  --snyder-accent-teal-300: oklch(0.78 0.12 180);
  --snyder-accent-teal-400: oklch(0.7 0.13 180);
  --snyder-accent-teal-500: oklch(0.82 0.1 180);
  --snyder-accent-teal-600: oklch(0.72 0.12 180);
  --snyder-accent-teal-700: oklch(0.34 0.1 180);
  --snyder-accent-teal-800: oklch(0.3 0.1 180);
  --snyder-accent-teal-900: oklch(0.25 0.08 180);
  --snyder-accent-teal-950: oklch(0.2 0.06 180);
  --snyder-accent-teal-050: oklch(0.96 0.06 180);
  --snyder-accent-teal-light: var(--snyder-accent-teal-500);
  --snyder-accent-teal-base: var(--snyder-accent-teal-600);
  --snyder-accent-teal-dark: var(--snyder-accent-teal-700);
  --snyder-accent-teal-hover: var(--snyder-accent-teal-400);
  --snyder-accent-teal-active: var(--snyder-accent-teal-800);
  --snyder-accent-azure-100: oklch(0.92 0.06 250);
  --snyder-accent-azure-200: oklch(0.86 0.08 250);
  --snyder-accent-azure-300: oklch(0.78 0.1 250);
  --snyder-accent-azure-400: oklch(0.7 0.12 250);
  --snyder-accent-azure-500: oklch(0.82 0.13 250);
  --snyder-accent-azure-600: oklch(0.72 0.15 250);
  --snyder-accent-azure-700: oklch(0.35 0.13 250);
  --snyder-accent-azure-800: oklch(0.3 0.11 250);
  --snyder-accent-azure-900: oklch(0.25 0.09 250);
  --snyder-accent-azure-950: oklch(0.2 0.07 250);
  --snyder-accent-azure-050: oklch(0.96 0.04 250);
  --snyder-accent-azure-light: var(--snyder-accent-azure-500);
  --snyder-accent-azure-base: var(--snyder-accent-azure-600);
  --snyder-accent-azure-dark: var(--snyder-accent-azure-700);
  --snyder-accent-azure-hover: var(--snyder-accent-azure-400);
  --snyder-accent-azure-active: var(--snyder-accent-azure-800);
  --snyder-accent-violet-100: oklch(0.92 0.09 290);
  --snyder-accent-violet-200: oklch(0.86 0.12 290);
  --snyder-accent-violet-300: oklch(0.78 0.15 290);
  --snyder-accent-violet-400: oklch(0.7 0.17 290);
  --snyder-accent-violet-500: oklch(0.82 0.18 290);
  --snyder-accent-violet-600: oklch(0.72 0.2 290);
  --snyder-accent-violet-700: oklch(0.34 0.18 290);
  --snyder-accent-violet-800: oklch(0.28 0.15 290);
  --snyder-accent-violet-900: oklch(0.23 0.12 290);
  --snyder-accent-violet-950: oklch(0.18 0.1 290);
  --snyder-accent-violet-050: oklch(0.96 0.06 290);
  --snyder-accent-violet-light: var(--snyder-accent-violet-500);
  --snyder-accent-violet-base: var(--snyder-accent-violet-600);
  --snyder-accent-violet-dark: var(--snyder-accent-violet-700);
  --snyder-accent-violet-hover: var(--snyder-accent-violet-400);
  --snyder-accent-violet-active: var(--snyder-accent-violet-800);
  --snyder-accent-rose-100: oklch(0.92 0.08 350);
  --snyder-accent-rose-200: oklch(0.86 0.1 350);
  --snyder-accent-rose-300: oklch(0.78 0.13 350);
  --snyder-accent-rose-400: oklch(0.7 0.15 350);
  --snyder-accent-rose-500: oklch(0.82 0.16 350);
  --snyder-accent-rose-600: oklch(0.72 0.18 350);
  --snyder-accent-rose-700: oklch(0.33 0.16 350);
  --snyder-accent-rose-800: oklch(0.28 0.13 350);
  --snyder-accent-rose-900: oklch(0.23 0.11 350);
  --snyder-accent-rose-950: oklch(0.18 0.09 350);
  --snyder-accent-rose-050: oklch(0.96 0.06 350);
  --snyder-accent-rose-light: var(--snyder-accent-rose-500);
  --snyder-accent-rose-base: var(--snyder-accent-rose-600);
  --snyder-accent-rose-dark: var(--snyder-accent-rose-700);
  --snyder-accent-rose-hover: var(--snyder-accent-rose-400);
  --snyder-accent-rose-active: var(--snyder-accent-rose-800);
  --snyder-accent-slate-100: oklch(0.92 0.008 250);
  --snyder-accent-slate-200: oklch(0.86 0.01 250);
  --snyder-accent-slate-300: oklch(0.78 0.014 250);
  --snyder-accent-slate-400: oklch(0.7 0.017 250);
  --snyder-accent-slate-500: oklch(0.82 0.02 250);
  --snyder-accent-slate-600: oklch(0.72 0.02 250);
  --snyder-accent-slate-700: oklch(0.35 0.02 250);
  --snyder-accent-slate-800: oklch(0.3 0.017 250);
  --snyder-accent-slate-900: oklch(0.25 0.014 250);
  --snyder-accent-slate-950: oklch(0.2 0.01 250);
  --snyder-accent-slate-050: oklch(0.96 0.005 250);
  --snyder-accent-slate-light: var(--snyder-accent-slate-500);
  --snyder-accent-slate-base: var(--snyder-accent-slate-600);
  --snyder-accent-slate-dark: var(--snyder-accent-slate-700);
  --snyder-accent-slate-hover: var(--snyder-accent-slate-400);
  --snyder-accent-slate-active: var(--snyder-accent-slate-800);
}

/*
 * Global token aliases that reference brand-specific values.
 * These can't be generated by Style Dictionary because they use
 * var() references to tokens set per-brand in variables.css.
 */
:root {
  /* Typography — resolved per-brand via --snyder-font-*-display */
  --snyder-font-body: var(--snyder-font-body-display);
  --snyder-font-heading: var(--snyder-font-heading-display);
  --snyder-font-mono: var(--snyder-font-jetbrains);

  /* Switch — references spacing tokens */
  --snyder-switch-thumb-offset: var(--snyder-space-1);
  --snyder-switch-translate-x: var(--snyder-space-4);

  /* Badge — references other tokens */
  --snyder-badge-radius: var(--snyder-radius-md);
  --snyder-badge-font-size-sm: var(--snyder-text-xs);
  --snyder-badge-font-size-md: var(--snyder-text-sm);
  --snyder-badge-padding-x-sm: var(--snyder-space-2);
  --snyder-badge-padding-x-md: var(--snyder-space-3);

  /* Focus Ring */
  --snyder-focus-ring-style: solid;

  /* Overlay — references semantic token */
  --snyder-overlay-bg: var(--snyder-background-overlay);
}

/* Reduced-motion — collapses every duration token to --snyder-duration-reduced.
 * Components that read duration tokens via var() automatically shrink to 1ms
 * without per-component @media queries. Easing tokens stay untouched so any
 * transition that does run still uses the right curve.
 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --snyder-duration-instant: var(--snyder-duration-reduced);
    --snyder-duration-fast: var(--snyder-duration-reduced);
    --snyder-duration-normal: var(--snyder-duration-reduced);
    --snyder-duration-page: var(--snyder-duration-reduced);
    --snyder-duration-slow: var(--snyder-duration-reduced);
  }
}

[data-brand='snyder'],
[data-mz-context='snyder'] {
  --colors-raw-babyblue-050-v-oklch: 0.9688 0.0128 247.67;
  --colors-raw-babyblue-100-v-oklch: 0.9376 0.0258 247.15;
  --colors-raw-babyblue-150-v-oklch: 0.9064 0.039 246.56;
  --colors-raw-babyblue-200-v-oklch: 0.8752 0.0526 245.89;
  --colors-raw-babyblue-250-v-oklch: 0.8441 0.0666 245.15;
  --colors-raw-babyblue-300-v-oklch: 0.8129 0.0809 244.3;
  --colors-raw-babyblue-350-v-oklch: 0.7819 0.0957 243.35;
  --colors-raw-babyblue-400-v-oklch: 0.7508 0.1111 242.26;
  --colors-raw-babyblue-450-v-oklch: 0.7197 0.1271 241.02;
  --colors-raw-babyblue-500-v-oklch: 0.6887 0.144 239.61;
  --colors-raw-babyblue-550-v-oklch: 0.6336 0.1292 239.84;
  --colors-raw-babyblue-600-v-oklch: 0.5785 0.1144 240.1;
  --colors-raw-babyblue-650-v-oklch: 0.5234 0.0997 240.42;
  --colors-raw-babyblue-700-v-oklch: 0.4683 0.085 240.81;
  --colors-raw-babyblue-750-v-oklch: 0.4132 0.0704 241.3;
  --colors-raw-babyblue-800-v-oklch: 0.3582 0.0558 241.93;
  --colors-raw-babyblue-850-v-oklch: 0.3031 0.0414 242.75;
  --colors-raw-babyblue-900-v-oklch: 0.248 0.0271 243.89;
  --colors-raw-babyblue-950-v-oklch: 0.1918 0.0142 243.04;
  --colors-raw-gray-050-v-oklch: 1 0 0;
  --colors-raw-gray-100-v-oklch: 0.956 0 0;
  --colors-raw-gray-150-v-oklch: 0.912 0 0;
  --colors-raw-gray-200-v-oklch: 0.868 0 0;
  --colors-raw-gray-250-v-oklch: 0.824 0 0;
  --colors-raw-gray-300-v-oklch: 0.78 0 0;
  --colors-raw-gray-350-v-oklch: 0.736 0 0;
  --colors-raw-gray-400-v-oklch: 0.692 0 0;
  --colors-raw-gray-450-v-oklch: 0.648 0 0;
  --colors-raw-gray-500-v-oklch: 0.604 0 0;
  --colors-raw-gray-550-v-oklch: 0.56 0 0;
  --colors-raw-gray-600-v-oklch: 0.5178 0 0;
  --colors-raw-gray-650-v-oklch: 0.4756 0 0;
  --colors-raw-gray-700-v-oklch: 0.4334 0 0;
  --colors-raw-gray-750-v-oklch: 0.3912 0 0;
  --colors-raw-gray-800-v-oklch: 0.3489 0 0;
  --colors-raw-gray-850-v-oklch: 0.3068 0 0;
  --colors-raw-gray-900-v-oklch: 0.2646 0 0;
  --colors-raw-gray-950-v-oklch: 0.2223 0 0;
  --colors-raw-gray-1000-v-oklch: 0 0 0;
  --colors-raw-neutral-fg-light-v-oklch: 0 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 0 0;
  --colors-raw-base-bg1-light-v-oklch: 1 0 0;
  --colors-raw-base-bg2-light-v-oklch: 0.956 0 0;
  --colors-raw-base-bg3-light-v-oklch: 0.868 0 0;
  --colors-raw-base-bg1-dark-v-oklch: 0.2223 0 0;
  --colors-raw-base-bg2-dark-v-oklch: 0.2646 0 0;
  --colors-raw-base-bg3-dark-v-oklch: 0 0 0;
  --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-gray-600-v-oklch));
  --semantic-content-muted-dark: oklch(var(--colors-raw-gray-400-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-gray-200-v-oklch));
  --semantic-border-subtle-dark: oklch(var(--colors-raw-gray-800-v-oklch));
  --semantic-border-default-light: oklch(var(--colors-raw-gray-300-v-oklch));
  --semantic-border-default-dark: oklch(var(--colors-raw-gray-700-v-oklch));
  --semantic-brand-primary-light: oklch(var(--colors-raw-babyblue-500-v-oklch));
  --semantic-brand-primary-dark: oklch(var(--colors-raw-babyblue-500-v-oklch));
  --semantic-brand-primary-content-light: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --semantic-brand-primary-content-dark: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --semantic-brand-secondary-light: oklch(var(--colors-raw-babyblue-750-v-oklch));
  --semantic-brand-secondary-dark: oklch(var(--colors-raw-babyblue-650-v-oklch));
  --semantic-brand-accent-light: var(--snyder-accent-azure-600);
  --semantic-brand-accent-dark: var(--snyder-accent-azure-600);
  --semantic-brand-accent-content-light: oklch(var(--colors-raw-babyblue-050-v-oklch));
  --semantic-brand-accent-content-dark: oklch(var(--colors-raw-babyblue-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(--snyder-accent-azure-600);
  --semantic-status-info-dark: var(--snyder-accent-azure-500);
  --semantic-status-info-content-light: var(--snyder-accent-azure-050);
  --semantic-status-info-content-dark: var(--snyder-accent-azure-950);
  --semantic-status-success-light: var(--snyder-accent-lime-600);
  --semantic-status-success-dark: var(--snyder-accent-lime-500);
  --semantic-status-success-content-light: var(--snyder-accent-lime-050);
  --semantic-status-success-content-dark: var(--snyder-accent-lime-950);
  --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: var(--snyder-accent-coral-600);
  --semantic-status-error-dark: var(--snyder-accent-coral-500);
  --semantic-status-error-content-light: var(--snyder-accent-coral-050);
  --semantic-status-error-content-dark: var(--snyder-accent-coral-950);
}

[data-brand='snyder'],
[data-mz-context='snyder'] {
  --colors-raw-babyblue-050-hex: #eef6fd;
  --colors-raw-babyblue-100-hex: #ddecfb;
  --colors-raw-babyblue-150-hex: #cce3f9;
  --colors-raw-babyblue-200-hex: #badaf7;
  --colors-raw-babyblue-250-hex: #a8d1f5;
  --colors-raw-babyblue-300-hex: #95c8f3;
  --colors-raw-babyblue-350-hex: #81bff1;
  --colors-raw-babyblue-400-hex: #6ab6ef;
  --colors-raw-babyblue-450-hex: #50aeec;
  --colors-raw-babyblue-500-hex: #2aa5ea;
  --colors-raw-babyblue-550-hex: #2b93d0;
  --colors-raw-babyblue-600-hex: #2a82b6;
  --colors-raw-babyblue-650-hex: #29709d;
  --colors-raw-babyblue-700-hex: #276085;
  --colors-raw-babyblue-750-hex: #23506e;
  --colors-raw-babyblue-800-hex: #204057;
  --colors-raw-babyblue-850-hex: #1b3142;
  --colors-raw-babyblue-900-hex: #16232d;
  --colors-raw-babyblue-950-hex: #0f151a;
  --colors-raw-gray-050-hex: #ffffff;
  --colors-raw-gray-100-hex: #f0f0f0;
  --colors-raw-gray-150-hex: #e2e2e2;
  --colors-raw-gray-200-hex: #d3d3d3;
  --colors-raw-gray-250-hex: #c5c5c5;
  --colors-raw-gray-300-hex: #b7b7b7;
  --colors-raw-gray-350-hex: #a9a9a9;
  --colors-raw-gray-400-hex: #9c9c9c;
  --colors-raw-gray-450-hex: #8e8e8e;
  --colors-raw-gray-500-hex: #818181;
  --colors-raw-gray-550-hex: #747474;
  --colors-raw-gray-600-hex: #686868;
  --colors-raw-gray-650-hex: #5c5c5c;
  --colors-raw-gray-700-hex: #515151;
  --colors-raw-gray-750-hex: #454545;
  --colors-raw-gray-800-hex: #3a3a3a;
  --colors-raw-gray-850-hex: #2f2f2f;
  --colors-raw-gray-900-hex: #252525;
  --colors-raw-gray-950-hex: #1b1b1b;
  --colors-raw-gray-1000-hex: #000000;
}

/* 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='snyder'],
[data-mz-context='snyder'] {
  /* 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='snyder'][data-theme='light'],
[data-mz-context='snyder'][data-theme='light'] {
  color-scheme: light;
}
[data-brand='snyder'][data-theme='dark'],
[data-mz-context='snyder'][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='snyder'][data-theme='light'],
[data-mz-context='snyder'][data-theme='light'] {
  /* 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-primary-050);

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

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

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

  /* 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='snyder'][data-theme='dark'],
[data-mz-context='snyder'][data-theme='dark'] {
  /* Primary */
  --mui-palette-primary-main: var(--snyder-primary-400);
  --mui-palette-primary-light: var(--snyder-primary-300);
  --mui-palette-primary-dark: var(--snyder-primary-600);
  --mui-palette-primary-contrastText: var(--snyder-primary-950);

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

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

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

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

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

/* 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='snyder'],
[data-mz-context='snyder'] {
  /* 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='snyder'][data-theme='light'],
[data-mz-context='snyder'][data-theme='light'] {
  color-scheme: light;
}
[data-brand='snyder'][data-theme='dark'],
[data-mz-context='snyder'][data-theme='dark'] {
  color-scheme: dark;
}
:root[data-brand='snyder'],
:root[data-mz-context='snyder'] {
  /*brand*/
  --snyder-brand: light-dark(var(--snyder-primary-500), var(--snyder-primary-400));

  /*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-900));
  --snyder-text-on-primary: light-dark(var(--snyder-gray-050), var(--snyder-gray-050));
  --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-950));
  --snyder-background-secondary: light-dark(var(--snyder-gray-050), var(--snyder-gray-900));
  --snyder-background-tertiary: light-dark(var(--snyder-gray-100), var(--snyder-gray-800));
  --snyder-background-elevated: light-dark(var(--snyder-gray-050), var(--snyder-gray-900));
  --snyder-background-overlay: light-dark(oklch(from var(--snyder-gray-950) l c h / 0.5), oklch(from var(--snyder-gray-950) l c h / 0.7));
  --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-dark-v-oklch)), oklch(var(--colors-raw-neutral-fg-light-v-oklch)));

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

  /*interactive*/
  --snyder-interactive-primary: light-dark(var(--snyder-primary-500), var(--snyder-primary-400));
  --snyder-interactive-primary-hover: light-dark(var(--snyder-primary-600), var(--snyder-primary-300));
  --snyder-interactive-secondary: light-dark(var(--snyder-gray-100), var(--snyder-gray-800));
  --snyder-interactive-secondary-hover: light-dark(var(--snyder-gray-200), var(--snyder-gray-700));

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

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

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

  /* Typography */
  --snyder-font-heading-display: var(--snyder-font-red-hat);
  --snyder-font-body-display: var(--snyder-font-inter);
}

[data-brand='hackerman'] {
  --snyder-accent-matrix-100: oklch(0.94 0.17 140);
  --snyder-accent-matrix-200: oklch(0.88 0.22 140);
  --snyder-accent-matrix-300: oklch(0.82 0.26 140);
  --snyder-accent-matrix-400: oklch(0.76 0.3 140);
  --snyder-accent-matrix-500: oklch(0.85 0.34 140);
  --snyder-accent-matrix-600: oklch(0.76 0.36 140);
  --snyder-accent-matrix-700: oklch(0.4 0.3 140);
  --snyder-accent-matrix-800: oklch(0.32 0.25 140);
  --snyder-accent-matrix-900: oklch(0.24 0.2 140);
  --snyder-accent-matrix-950: oklch(0.18 0.16 140);
  --snyder-accent-matrix-050: oklch(0.97 0.11 140);
  --snyder-accent-matrix-light: oklch(0.85 0.34 140);
  --snyder-accent-matrix-base: oklch(0.76 0.36 140);
  --snyder-accent-matrix-dark: oklch(0.4 0.3 140);
  --snyder-accent-matrix-hover: oklch(0.76 0.3 140);
  --snyder-accent-matrix-active: oklch(0.32 0.25 140);
  --snyder-accent-cyan-100: oklch(0.94 0.13 195);
  --snyder-accent-cyan-200: oklch(0.88 0.17 195);
  --snyder-accent-cyan-300: oklch(0.82 0.2 195);
  --snyder-accent-cyan-400: oklch(0.76 0.22 195);
  --snyder-accent-cyan-500: oklch(0.85 0.23 195);
  --snyder-accent-cyan-600: oklch(0.76 0.25 195);
  --snyder-accent-cyan-700: oklch(0.4 0.22 195);
  --snyder-accent-cyan-800: oklch(0.32 0.19 195);
  --snyder-accent-cyan-900: oklch(0.24 0.16 195);
  --snyder-accent-cyan-950: oklch(0.18 0.13 195);
  --snyder-accent-cyan-050: oklch(0.97 0.08 195);
  --snyder-accent-cyan-light: oklch(0.85 0.23 195);
  --snyder-accent-cyan-base: oklch(0.76 0.25 195);
  --snyder-accent-cyan-dark: oklch(0.4 0.22 195);
  --snyder-accent-cyan-hover: oklch(0.76 0.22 195);
  --snyder-accent-cyan-active: oklch(0.32 0.19 195);
  --snyder-accent-magenta-100: oklch(0.93 0.15 330);
  --snyder-accent-magenta-200: oklch(0.87 0.19 330);
  --snyder-accent-magenta-300: oklch(0.8 0.23 330);
  --snyder-accent-magenta-400: oklch(0.74 0.27 330);
  --snyder-accent-magenta-500: oklch(0.83 0.29 330);
  --snyder-accent-magenta-600: oklch(0.74 0.31 330);
  --snyder-accent-magenta-700: oklch(0.38 0.26 330);
  --snyder-accent-magenta-800: oklch(0.3 0.22 330);
  --snyder-accent-magenta-900: oklch(0.23 0.18 330);
  --snyder-accent-magenta-950: oklch(0.17 0.14 330);
  --snyder-accent-magenta-050: oklch(0.96 0.1 330);
  --snyder-accent-magenta-light: oklch(0.83 0.29 330);
  --snyder-accent-magenta-base: oklch(0.74 0.31 330);
  --snyder-accent-magenta-dark: oklch(0.38 0.26 330);
  --snyder-accent-magenta-hover: oklch(0.74 0.27 330);
  --snyder-accent-magenta-active: oklch(0.3 0.22 330);
  --snyder-accent-electric-100: oklch(0.94 0.13 260);
  --snyder-accent-electric-200: oklch(0.88 0.18 260);
  --snyder-accent-electric-300: oklch(0.81 0.22 260);
  --snyder-accent-electric-400: oklch(0.74 0.25 260);
  --snyder-accent-electric-500: oklch(0.84 0.26 260);
  --snyder-accent-electric-600: oklch(0.75 0.28 260);
  --snyder-accent-electric-700: oklch(0.4 0.24 260);
  --snyder-accent-electric-800: oklch(0.32 0.2 260);
  --snyder-accent-electric-900: oklch(0.24 0.16 260);
  --snyder-accent-electric-950: oklch(0.18 0.13 260);
  --snyder-accent-electric-050: oklch(0.97 0.08 260);
  --snyder-accent-electric-light: oklch(0.84 0.26 260);
  --snyder-accent-electric-base: oklch(0.75 0.28 260);
  --snyder-accent-electric-dark: oklch(0.4 0.24 260);
  --snyder-accent-electric-hover: oklch(0.74 0.25 260);
  --snyder-accent-electric-active: oklch(0.32 0.2 260);
  --snyder-accent-coral-100: oklch(0.92 0.13 25);
  --snyder-accent-coral-200: oklch(0.86 0.17 25);
  --snyder-accent-coral-300: oklch(0.78 0.2 25);
  --snyder-accent-coral-400: oklch(0.72 0.22 25);
  --snyder-accent-coral-500: oklch(0.82 0.22 25);
  --snyder-accent-coral-600: oklch(0.73 0.24 25);
  --snyder-accent-coral-700: oklch(0.38 0.22 25);
  --snyder-accent-coral-800: oklch(0.31 0.19 25);
  --snyder-accent-coral-900: oklch(0.24 0.16 25);
  --snyder-accent-coral-950: oklch(0.18 0.13 25);
  --snyder-accent-coral-050: oklch(0.96 0.08 25);
  --snyder-accent-coral-light: oklch(0.82 0.22 25);
  --snyder-accent-coral-base: oklch(0.73 0.24 25);
  --snyder-accent-coral-dark: oklch(0.38 0.22 25);
  --snyder-accent-coral-hover: oklch(0.72 0.22 25);
  --snyder-accent-coral-active: oklch(0.31 0.19 25);
  --snyder-accent-amber-100: oklch(0.93 0.14 85);
  --snyder-accent-amber-200: oklch(0.87 0.17 85);
  --snyder-accent-amber-300: oklch(0.8 0.19 85);
  --snyder-accent-amber-400: oklch(0.74 0.2 85);
  --snyder-accent-amber-500: oklch(0.86 0.19 85);
  --snyder-accent-amber-600: oklch(0.77 0.2 85);
  --snyder-accent-amber-700: oklch(0.42 0.18 85);
  --snyder-accent-amber-800: oklch(0.34 0.16 85);
  --snyder-accent-amber-900: oklch(0.26 0.14 85);
  --snyder-accent-amber-950: oklch(0.2 0.12 85);
  --snyder-accent-amber-050: oklch(0.96 0.1 85);
  --snyder-accent-amber-light: oklch(0.86 0.19 85);
  --snyder-accent-amber-base: oklch(0.77 0.2 85);
  --snyder-accent-amber-dark: oklch(0.42 0.18 85);
  --snyder-accent-amber-hover: oklch(0.74 0.2 85);
  --snyder-accent-amber-active: oklch(0.34 0.16 85);
  --snyder-accent-lime-100: oklch(0.94 0.14 130);
  --snyder-accent-lime-200: oklch(0.88 0.18 130);
  --snyder-accent-lime-300: oklch(0.82 0.22 130);
  --snyder-accent-lime-400: oklch(0.76 0.25 130);
  --snyder-accent-lime-500: oklch(0.86 0.24 130);
  --snyder-accent-lime-600: oklch(0.77 0.26 130);
  --snyder-accent-lime-700: oklch(0.42 0.24 130);
  --snyder-accent-lime-800: oklch(0.34 0.2 130);
  --snyder-accent-lime-900: oklch(0.26 0.16 130);
  --snyder-accent-lime-950: oklch(0.2 0.13 130);
  --snyder-accent-lime-050: oklch(0.97 0.09 130);
  --snyder-accent-lime-light: oklch(0.86 0.24 130);
  --snyder-accent-lime-base: oklch(0.77 0.26 130);
  --snyder-accent-lime-dark: oklch(0.42 0.24 130);
  --snyder-accent-lime-hover: oklch(0.76 0.25 130);
  --snyder-accent-lime-active: oklch(0.34 0.2 130);
  --snyder-accent-teal-100: oklch(0.94 0.12 180);
  --snyder-accent-teal-200: oklch(0.88 0.15 180);
  --snyder-accent-teal-300: oklch(0.82 0.17 180);
  --snyder-accent-teal-400: oklch(0.76 0.18 180);
  --snyder-accent-teal-500: oklch(0.86 0.16 180);
  --snyder-accent-teal-600: oklch(0.77 0.18 180);
  --snyder-accent-teal-700: oklch(0.4 0.16 180);
  --snyder-accent-teal-800: oklch(0.33 0.14 180);
  --snyder-accent-teal-900: oklch(0.26 0.12 180);
  --snyder-accent-teal-950: oklch(0.2 0.1 180);
  --snyder-accent-teal-050: oklch(0.97 0.08 180);
  --snyder-accent-teal-light: oklch(0.86 0.16 180);
  --snyder-accent-teal-base: oklch(0.77 0.18 180);
  --snyder-accent-teal-dark: oklch(0.4 0.16 180);
  --snyder-accent-teal-hover: oklch(0.76 0.18 180);
  --snyder-accent-teal-active: oklch(0.33 0.14 180);
  --snyder-accent-azure-100: oklch(0.94 0.1 250);
  --snyder-accent-azure-200: oklch(0.88 0.14 250);
  --snyder-accent-azure-300: oklch(0.81 0.17 250);
  --snyder-accent-azure-400: oklch(0.74 0.19 250);
  --snyder-accent-azure-500: oklch(0.84 0.19 250);
  --snyder-accent-azure-600: oklch(0.75 0.21 250);
  --snyder-accent-azure-700: oklch(0.4 0.19 250);
  --snyder-accent-azure-800: oklch(0.32 0.16 250);
  --snyder-accent-azure-900: oklch(0.25 0.13 250);
  --snyder-accent-azure-950: oklch(0.19 0.1 250);
  --snyder-accent-azure-050: oklch(0.97 0.06 250);
  --snyder-accent-azure-light: oklch(0.84 0.19 250);
  --snyder-accent-azure-base: oklch(0.75 0.21 250);
  --snyder-accent-azure-dark: oklch(0.4 0.19 250);
  --snyder-accent-azure-hover: oklch(0.74 0.19 250);
  --snyder-accent-azure-active: oklch(0.32 0.16 250);
  --snyder-accent-violet-100: oklch(0.93 0.14 290);
  --snyder-accent-violet-200: oklch(0.87 0.18 290);
  --snyder-accent-violet-300: oklch(0.8 0.22 290);
  --snyder-accent-violet-400: oklch(0.73 0.25 290);
  --snyder-accent-violet-500: oklch(0.83 0.26 290);
  --snyder-accent-violet-600: oklch(0.74 0.28 290);
  --snyder-accent-violet-700: oklch(0.38 0.24 290);
  --snyder-accent-violet-800: oklch(0.3 0.2 290);
  --snyder-accent-violet-900: oklch(0.23 0.16 290);
  --snyder-accent-violet-950: oklch(0.18 0.13 290);
  --snyder-accent-violet-050: oklch(0.96 0.09 290);
  --snyder-accent-violet-light: oklch(0.83 0.26 290);
  --snyder-accent-violet-base: oklch(0.74 0.28 290);
  --snyder-accent-violet-dark: oklch(0.38 0.24 290);
  --snyder-accent-violet-hover: oklch(0.73 0.25 290);
  --snyder-accent-violet-active: oklch(0.3 0.2 290);
  --snyder-accent-rose-100: oklch(0.93 0.13 350);
  --snyder-accent-rose-200: oklch(0.87 0.17 350);
  --snyder-accent-rose-300: oklch(0.8 0.2 350);
  --snyder-accent-rose-400: oklch(0.73 0.22 350);
  --snyder-accent-rose-500: oklch(0.83 0.22 350);
  --snyder-accent-rose-600: oklch(0.74 0.24 350);
  --snyder-accent-rose-700: oklch(0.37 0.22 350);
  --snyder-accent-rose-800: oklch(0.3 0.19 350);
  --snyder-accent-rose-900: oklch(0.23 0.16 350);
  --snyder-accent-rose-950: oklch(0.18 0.13 350);
  --snyder-accent-rose-050: oklch(0.96 0.09 350);
  --snyder-accent-rose-light: oklch(0.83 0.22 350);
  --snyder-accent-rose-base: oklch(0.74 0.24 350);
  --snyder-accent-rose-dark: oklch(0.37 0.22 350);
  --snyder-accent-rose-hover: oklch(0.73 0.22 350);
  --snyder-accent-rose-active: oklch(0.3 0.19 350);
  --snyder-accent-slate-100: oklch(0.92 0.025 145);
  --snyder-accent-slate-200: oklch(0.86 0.03 145);
  --snyder-accent-slate-300: oklch(0.78 0.035 145);
  --snyder-accent-slate-400: oklch(0.7 0.04 145);
  --snyder-accent-slate-500: oklch(0.82 0.04 145);
  --snyder-accent-slate-600: oklch(0.72 0.042 145);
  --snyder-accent-slate-700: oklch(0.35 0.035 145);
  --snyder-accent-slate-800: oklch(0.3 0.03 145);
  --snyder-accent-slate-900: oklch(0.25 0.025 145);
  --snyder-accent-slate-950: oklch(0.2 0.02 145);
  --snyder-accent-slate-050: oklch(0.96 0.02 145);
  --snyder-accent-slate-light: oklch(0.82 0.04 145);
  --snyder-accent-slate-base: oklch(0.72 0.042 145);
  --snyder-accent-slate-dark: oklch(0.35 0.035 145);
  --snyder-accent-slate-hover: oklch(0.7 0.04 145);
  --snyder-accent-slate-active: oklch(0.3 0.03 145);
  --colors-raw-hackergreen-050-v-oklch: 0.9861 0.0316 137.6;
  --colors-raw-hackergreen-100-v-oklch: 0.9723 0.063 138.03;
  --colors-raw-hackergreen-150-v-oklch: 0.9586 0.0942 138.48;
  --colors-raw-hackergreen-200-v-oklch: 0.945 0.125 138.96;
  --colors-raw-hackergreen-250-v-oklch: 0.9316 0.1555 139.46;
  --colors-raw-hackergreen-300-v-oklch: 0.9183 0.1852 139.99;
  --colors-raw-hackergreen-350-v-oklch: 0.9052 0.2143 140.55;
  --colors-raw-hackergreen-400-v-oklch: 0.8921 0.2423 141.15;
  --colors-raw-hackergreen-450-v-oklch: 0.8792 0.2692 141.8;
  --colors-raw-hackergreen-500-v-oklch: 0.8664 0.2948 142.5;
  --colors-raw-hackergreen-550-v-oklch: 0.7935 0.2659 142.39;
  --colors-raw-hackergreen-600-v-oklch: 0.7205 0.2371 142.26;
  --colors-raw-hackergreen-650-v-oklch: 0.6476 0.2081 142.1;
  --colors-raw-hackergreen-700-v-oklch: 0.5747 0.1791 141.91;
  --colors-raw-hackergreen-750-v-oklch: 0.5018 0.15 141.66;
  --colors-raw-hackergreen-800-v-oklch: 0.4289 0.1208 141.33;
  --colors-raw-hackergreen-850-v-oklch: 0.356 0.0913 140.88;
  --colors-raw-hackergreen-900-v-oklch: 0.2832 0.0615 140.23;
  --colors-raw-hackergreen-950-v-oklch: 0.2103 0.0343 135.82;
  --colors-raw-graygreen-050-v-oklch: 1 0 0;
  --colors-raw-graygreen-100-v-oklch: 0.96 0.01 145;
  --colors-raw-graygreen-150-v-oklch: 0.92 0.02 145;
  --colors-raw-graygreen-200-v-oklch: 0.88 0.02 145;
  --colors-raw-graygreen-250-v-oklch: 0.82 0.02 145;
  --colors-raw-graygreen-300-v-oklch: 0.76 0.02 145;
  --colors-raw-graygreen-350-v-oklch: 0.68 0.02 145;
  --colors-raw-graygreen-400-v-oklch: 0.6 0.02 145;
  --colors-raw-graygreen-450-v-oklch: 0.48 0.02 145;
  --colors-raw-graygreen-500-v-oklch: 0.36 0.03 145;
  --colors-raw-graygreen-550-v-oklch: 0.3 0.03 145;
  --colors-raw-graygreen-600-v-oklch: 0.24 0.03 145;
  --colors-raw-graygreen-650-v-oklch: 0.2 0.03 145;
  --colors-raw-graygreen-700-v-oklch: 0.16 0.04 145;
  --colors-raw-graygreen-750-v-oklch: 0.14 0.04 145;
  --colors-raw-graygreen-800-v-oklch: 0.12 0.04 145;
  --colors-raw-graygreen-850-v-oklch: 0.1 0.04 145;
  --colors-raw-graygreen-900-v-oklch: 0.08 0.05 145;
  --colors-raw-graygreen-950-v-oklch: 0.06 0.05 145;
  --colors-raw-graygreen-1000-v-oklch: 0 0 0;
  --colors-raw-neutral-fg-light-v-oklch: 0 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 0 0;
  --colors-raw-base-bg1-light-v-oklch: 0.9861 0.0316 137.6;
  --colors-raw-base-bg2-light-v-oklch: 0.9723 0.063 138.03;
  --colors-raw-base-bg3-light-v-oklch: 0.945 0.125 138.96;
  --colors-raw-base-bg1-dark-v-oklch: 0.2103 0.0343 135.82;
  --colors-raw-base-bg2-dark-v-oklch: 0.2832 0.0615 140.23;
  --colors-raw-base-bg3-dark-v-oklch: 0.2103 0.0343 135.82;
  --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-graygreen-600-v-oklch));
  --semantic-content-muted-dark: oklch(var(--colors-raw-graygreen-400-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-hackergreen-300-v-oklch));
  --semantic-border-subtle-dark: oklch(var(--colors-raw-hackergreen-800-v-oklch));
  --semantic-border-default-light: oklch(var(--colors-raw-hackergreen-400-v-oklch));
  --semantic-border-default-dark: oklch(var(--colors-raw-hackergreen-700-v-oklch));
  --semantic-brand-primary-light: oklch(var(--colors-raw-hackergreen-600-v-oklch));
  --semantic-brand-primary-dark: oklch(var(--colors-raw-hackergreen-500-v-oklch));
  --semantic-brand-primary-content-light: oklch(var(--colors-raw-hackergreen-950-v-oklch));
  --semantic-brand-primary-content-dark: oklch(var(--colors-raw-hackergreen-950-v-oklch));
  --semantic-brand-secondary-light: oklch(var(--colors-raw-hackergreen-750-v-oklch));
  --semantic-brand-secondary-dark: oklch(var(--colors-raw-hackergreen-750-v-oklch));
  --semantic-brand-accent-light: var(--snyder-accent-lime-700);
  --semantic-brand-accent-dark: var(--snyder-accent-lime-700);
  --semantic-brand-accent-content-light: oklch(var(--colors-raw-hackergreen-050-v-oklch));
  --semantic-brand-accent-content-dark: oklch(var(--colors-raw-hackergreen-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(--snyder-accent-electric-600);
  --semantic-status-info-dark: var(--snyder-accent-electric-500);
  --semantic-status-info-content-light: var(--snyder-accent-electric-050);
  --semantic-status-info-content-dark: var(--snyder-accent-electric-950);
  --semantic-status-success-light: var(--snyder-accent-matrix-600);
  --semantic-status-success-dark: var(--snyder-accent-matrix-500);
  --semantic-status-success-content-light: var(--snyder-accent-matrix-050);
  --semantic-status-success-content-dark: var(--snyder-accent-matrix-950);
  --semantic-status-warning-light: var(--snyder-accent-cyan-600);
  --semantic-status-warning-dark: var(--snyder-accent-cyan-500);
  --semantic-status-warning-content-light: var(--snyder-accent-cyan-050);
  --semantic-status-warning-content-dark: var(--snyder-accent-cyan-950);
  --semantic-status-error-light: var(--snyder-accent-magenta-600);
  --semantic-status-error-dark: var(--snyder-accent-magenta-500);
  --semantic-status-error-content-light: var(--snyder-accent-magenta-050);
  --semantic-status-error-content-dark: var(--snyder-accent-magenta-950);
}

[data-brand='hackerman'] {
  --colors-raw-hackergreen-050-hex: #f1ffeb;
  --colors-raw-hackergreen-100-hex: #e2ffd8;
  --colors-raw-hackergreen-150-hex: #d2ffc4;
  --colors-raw-hackergreen-200-hex: #c2ffb0;
  --colors-raw-hackergreen-250-hex: #b0ff9b;
  --colors-raw-hackergreen-300-hex: #9dff87;
  --colors-raw-hackergreen-350-hex: #88ff71;
  --colors-raw-hackergreen-400-hex: #6fff59;
  --colors-raw-hackergreen-450-hex: #4eff3c;
  --colors-raw-hackergreen-500-hex: #00ff00;
  --colors-raw-hackergreen-550-hex: #17e20f;
  --colors-raw-hackergreen-600-hex: #1fc716;
  --colors-raw-hackergreen-650-hex: #23ab19;
  --colors-raw-hackergreen-700-hex: #24911a;
  --colors-raw-hackergreen-750-hex: #23771a;
  --colors-raw-hackergreen-800-hex: #215f18;
  --colors-raw-hackergreen-850-hex: #1d4716;
  --colors-raw-hackergreen-900-hex: #173112;
  --colors-raw-hackergreen-950-hex: #111c0c;
  --colors-raw-graygreen-050-hex: #ffffff;
  --colors-raw-graygreen-100-hex: #eef4ee;
  --colors-raw-graygreen-150-hex: #dde8dd;
  --colors-raw-graygreen-200-hex: #d0dbd0;
  --colors-raw-graygreen-250-hex: #bcc8bc;
  --colors-raw-graygreen-300-hex: #aab5a9;
  --colors-raw-graygreen-350-hex: #919c91;
  --colors-raw-graygreen-400-hex: #798479;
  --colors-raw-graygreen-450-hex: #576157;
  --colors-raw-graygreen-500-hex: #334133;
  --colors-raw-graygreen-550-hex: #243225;
  --colors-raw-graygreen-600-hex: #162316;
  --colors-raw-graygreen-650-hex: #0d1a0d;
  --colors-raw-graygreen-700-hex: #031203;
  --colors-raw-graygreen-750-hex: #010d02;
  --colors-raw-graygreen-800-hex: #000900;
  --colors-raw-graygreen-850-hex: #000500;
  --colors-raw-graygreen-900-hex: #000300;
  --colors-raw-graygreen-950-hex: #000200;
  --colors-raw-graygreen-1000-hex: #000000;
}

/* DaisyUI overlay for Hackerman.
 * 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='hackerman'] {
  /* 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='hackerman'][data-theme='light'] {
  color-scheme: light;
}
[data-brand='hackerman'][data-theme='dark'] {
  color-scheme: dark;
}

/*
 * Hackerman Brand – MUI Color Mappings
 *
 * Maps MUI palette CSS variables to Hackerman brand tokens.
 * Uses neon/cyberpunk accent colors: matrix (green), electric (purple),
 * magenta, cyan — following hackerman/daisyui.css pattern.
 */

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

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

  /* Error (Magenta) */
  --mui-palette-error-main: var(--snyder-accent-magenta-600);
  --mui-palette-error-light: var(--snyder-accent-magenta-400);
  --mui-palette-error-dark: var(--snyder-accent-magenta-800);
  --mui-palette-error-contrastText: var(--snyder-accent-magenta-050);

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

  /* Info (Electric) */
  --mui-palette-info-main: var(--snyder-accent-electric-600);
  --mui-palette-info-light: var(--snyder-accent-electric-400);
  --mui-palette-info-dark: var(--snyder-accent-electric-800);
  --mui-palette-info-contrastText: var(--snyder-accent-electric-050);

  /* Success (Matrix) */
  --mui-palette-success-main: var(--snyder-accent-matrix-600);
  --mui-palette-success-light: var(--snyder-accent-matrix-400);
  --mui-palette-success-dark: var(--snyder-accent-matrix-800);
  --mui-palette-success-contrastText: var(--snyder-accent-matrix-050);

  /* 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='hackerman'][data-theme='dark'] {
  /* Primary */
  --mui-palette-primary-main: var(--snyder-primary-400);
  --mui-palette-primary-light: var(--snyder-primary-300);
  --mui-palette-primary-dark: var(--snyder-primary-600);
  --mui-palette-primary-contrastText: var(--snyder-primary-950);

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

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

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

  /* Info (Electric) */
  --mui-palette-info-main: var(--snyder-accent-electric-500);
  --mui-palette-info-light: var(--snyder-accent-electric-300);
  --mui-palette-info-dark: var(--snyder-accent-electric-700);
  --mui-palette-info-contrastText: var(--snyder-accent-electric-950);

  /* Success (Matrix) */
  --mui-palette-success-main: var(--snyder-accent-matrix-500);
  --mui-palette-success-light: var(--snyder-accent-matrix-300);
  --mui-palette-success-dark: var(--snyder-accent-matrix-700);
  --mui-palette-success-contrastText: var(--snyder-accent-matrix-950);

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

/* Hackerman 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='hackerman'] {
  /* 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 — Hackerman runs all tiles as dark green with neon
   * green foreground, so on-accent tokens resolve to the brand primary
   * instead of white. Keeps contrast without leaking a white literal. */
  --semantic-on-accent: var(--snyder-primary-400);
  --semantic-on-accent-muted: oklch(from var(--snyder-primary-400) l c h / 0.85);
  --semantic-on-accent-subtle: oklch(from var(--snyder-primary-400) l c h / 0.7);
  --semantic-on-accent-shine: oklch(from var(--snyder-primary-400) l c h / 0.12);

  /* Tile hover darken — subtle black wash works on both themes. */
  --semantic-tile-dim: oklch(0 0 0 / 0.15);
}

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

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

  /* Text */
  --snyder-text-primary: light-dark(var(--snyder-gray-900), var(--snyder-primary-300));
  --snyder-text-secondary: light-dark(var(--snyder-gray-600), var(--snyder-primary-400));
  --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-950));
  --snyder-text-on-primary: light-dark(var(--snyder-gray-950), var(--snyder-gray-050));
  --snyder-text-link: light-dark(var(--snyder-primary-700), var(--snyder-accent-electric-600));
  --snyder-text-link-hover: light-dark(var(--snyder-primary-800), var(--snyder-accent-electric-500));

  /* Background */
  --snyder-background-primary: light-dark(var(--snyder-gray-050), var(--snyder-gray-950));
  --snyder-background-secondary: light-dark(var(--snyder-gray-050), var(--snyder-gray-900));
  --snyder-background-tertiary: light-dark(var(--snyder-gray-100), var(--snyder-gray-800));
  --snyder-background-elevated: light-dark(var(--snyder-gray-050), var(--snyder-gray-900));
  --snyder-background-overlay: light-dark(oklch(from var(--snyder-gray-950) l c h / 0.5), oklch(from var(--snyder-gray-950) l c h / 0.8));
  --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-dark-v-oklch)), oklch(var(--colors-raw-neutral-fg-light-v-oklch)));

  /* Border - visible green borders in both light and dark modes */
  --snyder-border-subtle: light-dark(var(--snyder-gray-200), var(--snyder-primary-800));
  --snyder-border-default: light-dark(var(--snyder-primary-300), var(--snyder-primary-700));
  --snyder-border-strong: light-dark(var(--snyder-primary-400), var(--snyder-primary-600));
  --snyder-border-focus: light-dark(var(--snyder-primary-500), var(--snyder-primary-400));

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

  /* Status */
  --snyder-status-success: light-dark(var(--snyder-accent-matrix-600), var(--snyder-accent-matrix-500));
  --snyder-status-warning: light-dark(var(--snyder-accent-cyan-600), var(--snyder-accent-cyan-500));
  --snyder-status-error: light-dark(var(--snyder-accent-magenta-600), var(--snyder-accent-magenta-500));
  --snyder-status-info: light-dark(var(--snyder-accent-electric-600), var(--snyder-accent-electric-500));
}

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

  /* Color Palette - gray with subtle green tint */
  --snyder-gray-050: oklch(var(--colors-raw-graygreen-050-v-oklch));
  --snyder-gray-100: oklch(var(--colors-raw-graygreen-100-v-oklch));
  --snyder-gray-150: oklch(var(--colors-raw-graygreen-150-v-oklch));
  --snyder-gray-200: oklch(var(--colors-raw-graygreen-200-v-oklch));
  --snyder-gray-250: oklch(var(--colors-raw-graygreen-250-v-oklch));
  --snyder-gray-300: oklch(var(--colors-raw-graygreen-300-v-oklch));
  --snyder-gray-350: oklch(var(--colors-raw-graygreen-350-v-oklch));
  --snyder-gray-400: oklch(var(--colors-raw-graygreen-400-v-oklch));
  --snyder-gray-450: oklch(var(--colors-raw-graygreen-450-v-oklch));
  --snyder-gray-500: oklch(var(--colors-raw-graygreen-500-v-oklch));
  --snyder-gray-550: oklch(var(--colors-raw-graygreen-550-v-oklch));
  --snyder-gray-600: oklch(var(--colors-raw-graygreen-600-v-oklch));
  --snyder-gray-650: oklch(var(--colors-raw-graygreen-650-v-oklch));
  --snyder-gray-700: oklch(var(--colors-raw-graygreen-700-v-oklch));
  --snyder-gray-750: oklch(var(--colors-raw-graygreen-750-v-oklch));
  --snyder-gray-800: oklch(var(--colors-raw-graygreen-800-v-oklch));
  --snyder-gray-850: oklch(var(--colors-raw-graygreen-850-v-oklch));
  --snyder-gray-900: oklch(var(--colors-raw-graygreen-900-v-oklch));
  --snyder-gray-950: oklch(var(--colors-raw-graygreen-950-v-oklch));
  --snyder-gray-1000: oklch(var(--colors-raw-graygreen-1000-v-oklch));

  /* Typography - More monospace feel */
  --snyder-font-heading-display: var(--snyder-font-red-hat);
  --snyder-font-body-display: var(--snyder-font-jetbrains);
}