:root{
  --pk-rarity-rookie:#8B5CF6;
  --pk-rarity-pro:#10B981;
  --pk-rarity-elite:#EF4444;
  --pk-rarity-sealed:#F97316;
  --pk-rarity-legend:#F5B301;
  --pk-rarity-mythic:#AEB8D6;
  --pk-rarity-platinum:#C7CDD6;
  --pk-space-xs:4px;
  --pk-space-sm:6px;
  --pk-space-md:8px;
  --pk-space-lg:11px;
  --pk-space-xl:14px;
  --pk-space-2xl:18px;
  --pk-space-3xl:22px;
  --pk-space-4xl:28px;
  --pk-radius-button:10px;
  --pk-radius-chip:10px;
  --pk-radius-card:14px;
  --pk-radius-panel:16px;
  --pk-radius-pill:999px;
  --pk-radius-phone:46px;
  --pk-fs-xs:12px;
  --pk-fs-sm:14px;
  --pk-fs-base:16px;
  --pk-fs-lg:20px;
  --pk-fs-xl:25px;
  --pk-fs-2xl:31px;
  --pk-fs-3xl:39px;
  --pk-fs-4xl:49px;
  --pk-ease-out-quint:cubic-bezier(.22,1,.36,1);
  --pk-ease-out-expo:cubic-bezier(.16,1,.3,1);
  --pk-dur-fast:160ms;
  --pk-dur-base:240ms;
  --pk-dur-slow:320ms;
}

:root[data-theme="dark"]{
  --pk-canvas:#0A0A0A;
  --pk-canvas-2:#0C0C0C;
  --pk-text:#FFFFFF;
  --pk-text-muted:#9AA0B0;
  --pk-accent:#2FB85F;
  --pk-accent-alt:#57D982;
  --pk-accent-deep:#1C8C44;
  --pk-coin:#F5B301;
  --pk-success:#41E08A;
  --pk-hot:#FF3D77;
  --pk-mat-glass-bg:rgba(26,20,16,.55);
  --pk-mat-glass-rim-top:rgba(255,255,255,.55);
  --pk-mat-glass-rim-bottom:rgba(0,0,0,.35);
  --pk-mat-panel-bg:#1A1614;
  --pk-mat-panel-bg-2:#211B17;
  --pk-mat-panel-rimlight:rgba(255,236,214,.08);
  --pk-mat-panel-shadow:rgba(0,0,0,.45);
  --pk-mat-chip-bg:rgba(255,255,255,.04);
  --pk-mat-chip-edge:rgba(255,255,255,.10);
  --pk-ground-wash:#0A0A0A;
  --pk-ground-key:transparent;
  --pk-ground-bokeh-opacity:.12;
  --pk-ground-vignette:radial-gradient(140% 120% at 50% 40%, transparent 60%, rgba(0,0,0,.35));
  --pk-glass-bg:rgba(18,14,28,.5);
  --pk-glass-border:rgba(255,255,255,.14);
  --pk-glass-highlight:rgba(255,255,255,.2);
  --pk-glass-blur:24px;
  --pk-glass-saturate:150%;
  --pk-card-sheen:rgba(255,255,255,.28);
}

:root[data-theme="light"]{
  --pk-canvas:#FDF9E3;
  --pk-canvas-2:#FFFDF2;
  --pk-text:#15171E;
  --pk-text-muted:#6E6452;
  --pk-accent:#2FB85F;
  --pk-accent-alt:#57D982;
  --pk-accent-deep:#1C8C44;
  --pk-coin:#F5B301;
  --pk-success:#1FA862;
  --pk-hot:#FF3D77;
  --pk-mat-glass-bg:rgba(255,253,245,.62);
  --pk-mat-glass-rim-top:rgba(255,255,255,.9);
  --pk-mat-glass-rim-bottom:rgba(120,90,50,.18);
  --pk-mat-panel-bg:#FFFDF2;
  --pk-mat-panel-bg-2:#FBF5E0;
  --pk-mat-panel-rimlight:rgba(255,255,255,.9);
  --pk-mat-panel-shadow:rgba(60,40,20,.18);
  --pk-mat-chip-bg:rgba(70,50,20,.04);
  --pk-mat-chip-edge:rgba(70,50,20,.14);
  --pk-ground-wash:radial-gradient(120% 80% at 50% -10%, #FFFDF2 0%, #FDF9E3 60%);
  --pk-ground-key:radial-gradient(60% 50% at 18% 0%, rgba(255,170,90,.14), transparent 70%);
  --pk-ground-bokeh-opacity:.07;
  --pk-ground-vignette:radial-gradient(150% 130% at 50% 35%, transparent 62%, rgba(120,90,50,.10));
  --pk-glass-bg:rgba(255,255,255,.62);
  --pk-glass-border:rgba(255,255,255,.85);
  --pk-glass-highlight:rgba(255,255,255,.9);
  --pk-glass-blur:30px;
  --pk-glass-saturate:180%;
  --pk-card-sheen:rgba(255,255,255,.15);
}