:root {

  --ext-line-green: #06C755;

  --cr-amount-ink: var(--tu-primitive-rose-pressed);
  --cr-amount-ink-sm: #D318A1;
  --cr-meter-soft: var(--tu-primitive-pink-300);
  --cr-link-ink: var(--violet-dim);
  --cr-amount-soft: var(--tu-primitive-rose-soft);
  --cr-media-bg: var(--tu-primitive-neutral-100);
  --cr-media-scrim: rgba(9,9,11,.5);
  --cr-meter-track: var(--tu-primitive-neutral-200);
  --cr-meter-fill: var(--tu-primitive-rose-action);

  --cr-cta-grad: var(--grad-cta);
  --cr-neutral-soft: var(--tu-primitive-neutral-50);
}

[data-palette="boost-legacy"] {
  --sp-1: var(--tu-space-4);
  --sp-2: var(--tu-space-8);
  --sp-3: var(--tu-space-12);
  --sp-4: var(--tu-space-16);
  --sp-5: var(--tu-space-20);
  --sp-6: var(--tu-space-24);
  --sp-8: var(--tu-space-32);
  --sp-10: var(--tu-space-40);
  --sp-12: var(--tu-space-48);
  --sp-16: var(--tu-space-64);
  --sp-7: 28px;

  --r-sm: var(--tu-radius-sm);
  --r-md: var(--tu-radius-control);
  --r-full: var(--tu-radius-full);
  --r-lg: 20px;
  --r-xl: 28px;


  --bg-base: #FBFAFE;
  --bg-surface: #FFFFFF;
  --bg-elevated: #F6F2FD;
  --bg-overlay: rgba(26,22,37,.45);

  --text-primary: #1A1625;
  --text-secondary: #6B6577;
  --text-muted: #6E6A86;
  --text-inverse: #FFFFFF;

  --border: rgba(27,24,48,.08);
  --border-focus: var(--tu-color-border-focus);

  --violet: #8B5CF6;
  --violet-dim: #7C3AED;
  --violet-bright: #7C3AED;
  --violet-glow: rgba(139,92,246,.30);
  --violet-trace: rgba(139,92,246,.10);
  --energy: #EC4899;
  --energy-glow: rgba(236,72,153,.35);
  --xp: #A855F7;
  --gauge-low: #8B5CF6;
  --gauge-mid: #A855F7;
  --gauge-near: #EC4899;
  --gauge-full: #F43F5E;

  --shadow-sm: 0 1px 4px rgba(124,58,237,.06);
  --shadow-md: 0 4px 14px rgba(124,58,237,.10);
  --shadow-lg: 0 12px 32px rgba(124,58,237,.16);
  --shadow-violet: 0 10px 26px rgba(168,85,247,.28);

  --skel-base: #E4E0F2;
  --skel-hl: #F6F4FC;

  --fs-caption: 12px;
  --fs-ui: 13px;
  --fs-body: 15px;
  --fs-title: 17px;
  --fs-section: 20px;
  --fs-hero: 24px;
  --fs-metric: 28px;

  --fs-h3: var(--fs-body);
  --fs-2xl: var(--fs-hero);
  --fs-lg: 18px;
  --fs-md: var(--fs-body);

  --cr-violet: #8B5CF6;
  --cr-pink: #EC4899;
  --grad-cheer: linear-gradient(95deg, #8B5CF6, #EC4899);
  --cr-hero-start: #5144D9;
  --cr-hero-end: #9031C4;
  --cr-hero-ink: #FFFFFF;
  --cr-hero-glint: rgba(255,255,255,.19);
  --cr-hero-shadow: rgba(81,68,217,.14);
  --grad-hero: linear-gradient(125deg, var(--cr-hero-start), var(--cr-hero-end));
  --cr-hero-orb: radial-gradient(circle at 30% 30%, rgba(255,255,255,0) 48%, rgba(255,255,255,.12) 69%, rgba(255,255,255,.02) 73%);
  --cr-hero-glass: rgba(255,255,255,.16);
  --cr-hero-glass-lift: rgba(255,255,255,.22);
  --cr-hero-edge: rgba(255,255,255,.30);
  --cr-hero-rule: rgba(255,255,255,.24);

  --magenta: var(--cr-pink);


  --z-nav: 100;
  --z-cta: 500;
  --z-sheet: 2000;
  --z-assist: 9000;
  --z-dock-bubble: 9600;
  --z-dock-panel: 9610;
  --z-dock-toast: 9620;

  --rk-play-fg: var(--cr-violet);
  --rk-play-bg: rgba(139,92,246,.12);
  --rk-post-fg: var(--cr-pink);
  --rk-post-bg: rgba(236,72,153,.12);
  --rk-join-fg: #157F3C;
  --rk-join-bg: rgba(34,197,94,.14);
  --rk-hero-bg: linear-gradient(135deg, rgba(139,92,246,.10), rgba(236,72,153,.08));
  --rk-hero-border: rgba(139,92,246,.18);


  --tu-theme-action: var(--cr-violet);
  --tu-theme-hover: var(--violet-bright);
  --tu-theme-pressed: var(--violet-dim);
  --tu-theme-soft: var(--violet-trace);
  --tu-theme-deep: var(--violet-dim);
  --tu-theme-link: var(--cr-violet);
}



[data-palette]:not([data-palette="boost-legacy"]) {
  --sp-1: var(--tu-space-4);
  --sp-2: var(--tu-space-8);
  --sp-3: var(--tu-space-12);
  --sp-4: var(--tu-space-16);
  --sp-5: var(--tu-space-20);
  --sp-6: var(--tu-space-24);
  --sp-7: var(--tu-space-24);
  --sp-8: var(--tu-space-32);
  --sp-10: var(--tu-space-40);
  --sp-12: var(--tu-space-48);
  --sp-16: var(--tu-space-64);


  --r-sm: var(--tu-radius-sm);
  --r-md: var(--tu-radius-control);
  --r-full: var(--tu-radius-full);

  --r-lg: 20px;

  --r-xl: 28px;

  --bg-base: #FBFAFE;
  --bg-surface: var(--tu-color-bg-surface);
  --bg-elevated: #F6F2FD;
  --bg-overlay: rgba(26,22,37,.45);

  --text-primary: #1A1625;
  --text-secondary: #6B6577;
  --text-muted: #6E6A86;

  --text-inverse: var(--tu-primitive-neutral-0);

  --border: rgba(27,24,48,.08);
  --border-focus: var(--tu-color-border-focus);


  --violet: #8B5CF6;
  --violet-dim: #7C3AED;
  --violet-bright: #7C3AED;
  --violet-glow: rgba(139,92,246,.30);
  --violet-trace: rgba(139,92,246,.10);
  --energy: #EC4899;
  --energy-glow: rgba(236,72,153,.35);
  --xp: #A855F7;
  --gauge-low: #8B5CF6;
  --gauge-mid: #A855F7;
  --gauge-near: #EC4899;
  --gauge-full: #F43F5E;

  --cr-hero-spark: #FFE79A;

  --dtgrad-gauge-start: #22D3EE;
  --dtgrad-gauge-end: #6464FD;
  --dtgrad-spark: var(--dtgrad-gauge-end);



  --shadow-sm: 0 1px 4px rgba(124,58,237,.06);
  --shadow-md: 0 4px 14px rgba(124,58,237,.10);
  --shadow-lg: 0 12px 32px rgba(124,58,237,.16);
  --shadow-violet: 0 10px 26px rgba(168,85,247,.28);

  --skel-base: #E4E0F2;
  --skel-hl: #F6F4FC;


  --fs-caption: 12px;
  --fs-ui: 14px;
  --fs-body: 16px;
  --fs-title: 18px;
  --fs-section: 20px;
  --fs-hero: 24px;
  --fs-metric: 32px;
  --fs-h3: var(--fs-body);
  --fs-2xl: var(--fs-hero);
  --fs-lg: 18px;
  --fs-md: var(--fs-body);


  --cr-violet: #8B5CF6;
  --cr-pink: #EC4899;
  --grad-cheer: linear-gradient(95deg, #8B5CF6, #EC4899);
  --grad-cta: linear-gradient(135deg, #6464FD 0%, #B455FD 100%);

  --cr-hero-start: #5144D9;
  --cr-hero-end: #9031C4;
  --cr-hero-ink: var(--tu-primitive-neutral-0);
  --cr-hero-glint: rgba(255,255,255,.19);
  --cr-hero-shadow: rgba(81,68,217,.14);
  --grad-hero: linear-gradient(125deg, var(--cr-hero-start), var(--cr-hero-end));
  --cr-hero-orb: radial-gradient(circle at 30% 30%, rgba(255,255,255,0) 48%, rgba(255,255,255,.12) 69%, rgba(255,255,255,.02) 73%);
  --cr-hero-glass: rgba(255,255,255,.16);
  --cr-hero-glass-lift: rgba(255,255,255,.22);
  --cr-hero-edge: rgba(255,255,255,.30);
  --cr-hero-rule: rgba(255,255,255,.24);

  --magenta: var(--cr-pink);

  --rk-play-fg: var(--cr-violet);
  --rk-play-bg: rgba(139,92,246,.12);
  --rk-post-fg: var(--cr-pink);
  --rk-post-bg: rgba(236,72,153,.12);
  --rk-join-fg: #157F3C;
  --rk-join-bg: rgba(34,197,94,.14);
  --rk-hero-bg: linear-gradient(135deg, rgba(139,92,246,.10), rgba(236,72,153,.08));
  --rk-hero-border: rgba(139,92,246,.18);


  --z-nav: 100;
  --z-cta: 500;
  --z-sheet: 2000;
  --z-assist: 9000;
  --z-dock-bubble: 9600;
  --z-dock-panel: 9610;
  --z-dock-toast: 9620;
}