:root{
    
    --accent-ink: var(--accent);
    
    --warning-ink: var(--warning);

  
  --accent-soft-1:color-mix(in oklch, var(--accent) 6%, transparent);
  --accent-soft-2:color-mix(in oklch, var(--accent) 10%, transparent);
  --accent-soft-3:var(--accent-soft);
  --accent-soft-4:color-mix(in oklch, var(--accent) 22%, transparent);

  
  --lift-1:color-mix(in oklch, var(--n-0) 7%, transparent);
  --lift-2:color-mix(in oklch, var(--n-0) 9%, transparent);
  --lift-3:color-mix(in oklch, var(--n-0) 11%, transparent);
  --lift-4:color-mix(in oklch, var(--n-0) 13%, transparent);
  --lift-5:color-mix(in oklch, var(--n-0) 18%, transparent);
  --sink-1:oklch(0 0 0 / 0.06);
  --sink-2:oklch(0 0 0 / 0.08);
  --sink-3:oklch(0 0 0 / 0.12);
  --scrim:oklch(0 0 0 / 0.60);

  
  --danger-soft:color-mix(in oklch, var(--red-400) 16%, transparent);
  --warning-soft:color-mix(in oklch, var(--amber-500) 18%, transparent);
  --info-soft:color-mix(in oklch, var(--b-400) 16%, transparent);
  --purple-soft:color-mix(in oklch, var(--purple-400) 16%, transparent);

  
  --danger-fg:var(--red-400);
  --warning-fg:color-mix(in oklch, var(--amber-500) 78%, var(--n-0));
  --info-fg:var(--b-400);
  --accent-fg:var(--g-400);

  
  --text-3xs:10px;
  --text-4xs:8px;
  --radius-xs:3px;

  
  --focus-ring-width:2px;
  --focus-ring-offset:2px;
  --focus-shadow:0 0 0 var(--focus-ring-width) var(--accent-border);

  
  --icon-sm:16px; --icon-md:18px; --icon-lg:20px;

  
  --chart-green:oklch(0.72 0.17 150);  --chart-blue:oklch(0.72 0.17 260);
  --chart-purple:oklch(0.72 0.17 293); --chart-amber:oklch(0.72 0.17 75);
  --chart-red:oklch(0.72 0.17 25);     --chart-cyan:oklch(0.72 0.17 200);
  --chart-lime:oklch(0.72 0.17 130);   --chart-pink:oklch(0.72 0.17 350);
  --chart-green-soft:color-mix(in oklch, var(--chart-green) 16%, transparent);
  --chart-blue-soft:color-mix(in oklch, var(--chart-blue) 16%, transparent);
  --chart-purple-soft:color-mix(in oklch, var(--chart-purple) 16%, transparent);
  --chart-amber-soft:color-mix(in oklch, var(--chart-amber) 16%, transparent);
  --chart-red-soft:color-mix(in oklch, var(--chart-red) 16%, transparent);
  --chart-cyan-soft:color-mix(in oklch, var(--chart-cyan) 16%, transparent);
  --chart-lime-soft:color-mix(in oklch, var(--chart-lime) 16%, transparent);
  --chart-pink-soft:color-mix(in oklch, var(--chart-pink) 16%, transparent);
}


:root[data-theme="light"]{
    
    
    --danger-fg: oklch(0.56 0.20 25);
    --info-fg: var(--b-500);
    --accent-fg: var(--g-700);

    
    --chart-green: oklch(0.52 0.16 150);
    --chart-blue: oklch(0.52 0.16 260);
    --chart-purple: oklch(0.52 0.16 300);
    --chart-amber: oklch(0.52 0.16 70);
    --chart-red: oklch(0.52 0.16 25);
    --chart-cyan: oklch(0.52 0.16 200);
    --chart-lime: oklch(0.52 0.16 130);
    --chart-pink: oklch(0.52 0.16 350);

    
    
    --accent-ink: oklch(0.48 0.16 150);
    
    --warning-ink: oklch(0.50 0.13 70);

  --lift-1:color-mix(in oklch, var(--n-950) 3%, transparent);
  --lift-2:color-mix(in oklch, var(--n-950) 5%, transparent);
  --lift-3:color-mix(in oklch, var(--n-950) 7%, transparent);
  --lift-4:color-mix(in oklch, var(--n-950) 9%, transparent);
  --lift-5:color-mix(in oklch, var(--n-950) 12%, transparent);
}