/**
 * MMV application tokens — aliases of the marketing visual system in assets/css/site.css.
 * Do not invent a second palette. Do not edit marketing CSS to extract tokens.
 */
:root {
  --mmv-bg: #120a18;
  --mmv-surface: #1d1026;
  --mmv-surface-2: #271433;
  --mmv-canvas: #120a18;
  --mmv-canvas-ink: #f4eff6;
  --mmv-canvas-muted: #b8afc1;
  --mmv-canvas-line: color-mix(in srgb, #f4eff6 10%, transparent);
  --mmv-text: #f4eff6;
  --mmv-text-secondary: #b8afc1;
  --mmv-text-muted: color-mix(in srgb, #b8afc1 78%, #120a18);
  --mmv-violet: #8c4dff;
  --mmv-violet-deep: #5a2a7a;
  --mmv-magenta: #d94fd5;
  --mmv-turquoise: #39d6d0;
  --mmv-success: #39d6d0;
  --mmv-warning: color-mix(in srgb, #8c4dff 62%, #d94fd5);
  --mmv-danger: color-mix(in srgb, #ff8aa8 55%, #d94fd5);
  --mmv-border: color-mix(in srgb, #f4eff6 10%, transparent);
  --mmv-border-strong: color-mix(in srgb, #f4eff6 16%, transparent);
  --mmv-focus: #39d6d0;
  --mmv-glow: color-mix(in srgb, #d94fd5 28%, transparent);
  --mmv-glow-violet: color-mix(in srgb, #8c4dff 32%, transparent);
  --glow-purple: 0 0 0 1px color-mix(in srgb, #8c4dff 42%, transparent), 0 0 18px color-mix(in srgb, #8c4dff 22%, transparent);
  --glow-turquoise: 0 0 0 1px color-mix(in srgb, #39d6d0 48%, transparent), 0 0 16px color-mix(in srgb, #39d6d0 24%, transparent);
  --glow-magenta: 0 0 0 1px color-mix(in srgb, #d94fd5 36%, transparent), 0 0 14px color-mix(in srgb, #d94fd5 16%, transparent);
  --glow-ambient: radial-gradient(48% 36% at 8% 0%, color-mix(in srgb, #8c4dff 12%, transparent), transparent 62%),
    radial-gradient(42% 30% at 96% 8%, color-mix(in srgb, #39d6d0 10%, transparent), transparent 58%);
  --mmv-sig-turquoise: #39d6d0;
  --mmv-sig-purple: #8c4dff;
  --mmv-edge-active: inset 2px 0 0 #39d6d0;
  --mmv-cta-rest: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 8px 22px color-mix(in srgb, #8c4dff 22%, transparent);
  --mmv-cta-hover: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 0 0 1px color-mix(in srgb, #39d6d0 28%, transparent), 0 12px 26px color-mix(in srgb, #8c4dff 32%, transparent);
  --layer-0: #0d0712;
  --layer-1: #160c1e;
  --layer-2: #1d1026;
  --layer-3: #271433;
  --depth-1: 0 10px 28px rgb(8 4 12 / 0.35);
  --depth-2: 0 16px 40px rgb(8 4 12 / 0.45);
  --mmv-shadow: var(--shadow);
  --mmv-shadow-sm: 0 8px 24px color-mix(in srgb, var(--void) 40%, transparent);
  --mmv-shadow-md: 0 18px 40px color-mix(in srgb, var(--void) 45%, transparent);
  --mmv-ease: var(--ease);
  --mmv-radius: 2px;
  --mmv-radius-sm: 2px;
  --mmv-radius-md: 6px;
  --mmv-radius-mark: 8px;
  --mmv-radius-pill: 999px;
  --mmv-space-1: 0.35rem;
  --mmv-space-2: 0.7rem;
  --mmv-space-3: 1.1rem;
  --mmv-space-4: 1.6rem;
  --mmv-space-5: 2.4rem;
  --mmv-space-6: 3.2rem;
  --mmv-type-kicker: 0.72rem;
  --mmv-type-label: 0.88rem;
  --mmv-type-body: 1.0625rem;
  --mmv-type-title: clamp(1.85rem, 3.2vw, 2.55rem);
  --mmv-leading-body: 1.6;
  --mmv-measure: 68ch;
  --mmv-container: 1080px;
  --mmv-duration: 0.28s;
  --mmv-duration-fast: 0.16s;

  /* White-label slots — default to MMV. Client shells may override. */
  --mmv-wl-logo: initial;
  --mmv-wl-primary: var(--mmv-violet);
  --mmv-wl-accent: var(--mmv-turquoise);
  --mmv-wl-on-primary: var(--mmv-text);
  --mmv-wl-on-accent: #120A18;
}

.shell-client {
  --mmv-wl-primary: var(--mmv-violet);
  --mmv-wl-accent: var(--mmv-turquoise);
}