:root[data-theme="retro-arcade"] {
    --background: 43.8462 86.6667% 94.1176%;
    --foreground: 192.2034 80.8219% 14.3137%;
    --card: 45.6000 42.3729% 88.4314%;
    --card-foreground: 192.2034 80.8219% 14.3137%;
    --popover: 45.6000 42.3729% 88.4314%;
    --popover-foreground: 192.2034 80.8219% 14.3137%;
    --primary: 330.9554 64.0816% 49.5%;
    --primary-foreground: 0 0% 100%;
    --secondary: 175.4622 58.6207% 32.5%;
    --secondary-foreground: 0 0% 100%;
    --muted: 180 6.9307% 60.3922%;
    --muted-foreground: 192.2034 80.8219% 14.3137%;
    --accent: 17.5691 80.4444% 44.1176%;
    --accent-foreground: 0 0% 100%;
    --destructive: 1.0405 71.1934% 52.3529%;
    --destructive-foreground: 0 0% 100%;
    --border: 186.3158 8.2969% 55.0980%;
    --input: 186.3158 8.2969% 55.0980%;
    --ring: 330.9554 64.0816% 51.9608%;
    --radius: 0.25rem;
    /* Retro Arcade light mode shadows - pixelated, blocky feel */
    --shadow-2xs: 2px 2px 4px 0px rgb(6 89 89 / 0.07);
    --shadow-xs: 2px 2px 4px 0px rgb(6 89 89 / 0.07);
    --shadow-sm: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 1px 2px -1px rgb(6 89 89 / 0.15);
    --shadow: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 1px 2px -1px rgb(6 89 89 / 0.15);
    --shadow-md: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 2px 4px -1px rgb(6 89 89 / 0.15);
    --shadow-lg: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 4px 6px -1px rgb(6 89 89 / 0.15);
    --shadow-xl: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 8px 10px -1px rgb(6 89 89 / 0.15);
    --shadow-2xl: 2px 2px 4px 0px rgb(6 89 89 / 0.38);
    --font-sans: Outfit, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: Space Mono, monospace;
  }

:root[data-theme="retro-arcade"].dark {
    --background: 192.2222 100.0000% 10.5882%;
    --foreground: 180 6.9307% 60.3922%;
    --card: 192.2034 80.8219% 14.3137%;
    --card-foreground: 180 6.9307% 60.3922%;
    --popover: 192.2034 80.8219% 14.3137%;
    --popover-foreground: 180 6.9307% 60.3922%;
    --primary: 330.9554 64.0816% 62.5%;
    --primary-foreground: 0 0% 0%;
    --secondary: 175.4622 58.6207% 32.5%;
    --secondary-foreground: 0 0% 100%;
    --muted: 194.4828 14.1463% 40.1961%;
    --muted-foreground: 180 6.9307% 60.3922%;
    --accent: 17.5691 80.4444% 44.1176%;
    --accent-foreground: 0 0% 100%;
    --destructive: 1.0405 71.1934% 52.3529%;
    --destructive-foreground: 0 0% 100%;
    --border: 194.4828 14.1463% 40.1961%;
    --input: 194.4828 14.1463% 40.1961%;
    --ring: 330.9554 64.0816% 51.9608%;
    --radius: 0.25rem;
    /* Retro Arcade dark mode shadows - enhanced pixelated effect */
    --shadow-2xs: 2px 2px 4px 0px rgb(6 89 89 / 0.07);
    --shadow-xs: 2px 2px 4px 0px rgb(6 89 89 / 0.07);
    --shadow-sm: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 1px 2px -1px rgb(6 89 89 / 0.15);
    --shadow: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 1px 2px -1px rgb(6 89 89 / 0.15);
    --shadow-md: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 2px 4px -1px rgb(6 89 89 / 0.15);
    --shadow-lg: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 4px 6px -1px rgb(6 89 89 / 0.15);
    --shadow-xl: 2px 2px 4px 0px rgb(6 89 89 / 0.15), 2px 8px 10px -1px rgb(6 89 89 / 0.15);
    --shadow-2xl: 2px 2px 4px 0px rgb(6 89 89 / 0.38);
    --font-sans: Outfit, sans-serif;
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: Space Mono, monospace;
  }