/* RETRO GAMING COLOR PALETTE */
/* Inspired by Tron, Cyberpunk 2077, Hotline Miami */

:root {
  /* SLATE - Dark grays with blue tint (Tron aesthetic) */
  --color-slate-50: #f8fafc;
  --color-slate-100: #f1f5f9;
  --color-slate-200: #e2e8f0;
  --color-slate-300: #cbd5e1;
  --color-slate-400: #64748b;
  --color-slate-500: #475569;
  --color-slate-600: #334155;
  --color-slate-700: #1e293b;
  --color-slate-800: #0f172a;
  --color-slate-900: #020617;
  --color-slate-950: #000511;

  /* GRAY - Pure grays for neutral elements */
  --color-gray-50: #f9fafb;
  --color-gray-100: #f3f4f6;
  --color-gray-200: #e5e7eb;
  --color-gray-300: #d1d5db;
  --color-gray-400: #9ca3af;
  --color-gray-500: #6b7280;
  --color-gray-600: #4b5563;
  --color-gray-700: #374151;
  --color-gray-800: #1f2937;
  --color-gray-900: #111827;
  --color-gray-950: #030712;

  /* RED - Hotline Miami hot pink/red */
  --color-red-50: #fef1f3;
  --color-red-100: #fee2e6;
  --color-red-200: #fec5ce;
  --color-red-300: #fd9aab;
  --color-red-400: #fb6d85;
  --color-red-500: #ff073a; /* Hotline Miami signature red */
  --color-red-600: #e60634;
  --color-red-700: #c2052e;
  --color-red-800: #9e0428;
  --color-red-900: #7a0320;
  --color-red-950: #420210;

  /* ORANGE - Tron program orange */
  --color-orange-50: #fff9f0;
  --color-orange-100: #fff2e0;
  --color-orange-200: #ffe2b8;
  --color-orange-300: #ffcc80;
  --color-orange-400: #ffb347;
  --color-orange-500: #ff9500; /* Tron orange */
  --color-orange-600: #e6850e;
  --color-orange-700: #cc750d;
  --color-orange-800: #b3650c;
  --color-orange-900: #99550a;
  --color-orange-950: #4d2a05;

  /* YELLOW - Cyberpunk neon yellow */
  --color-yellow-50: #fffef0;
  --color-yellow-100: #fffde0;
  --color-yellow-200: #fffab8;
  --color-yellow-300: #fff780;
  --color-yellow-400: #fff347;
  --color-yellow-500: #fcf621; /* Cyberpunk neon yellow */
  --color-yellow-600: #e3dd1e;
  --color-yellow-700: #cac41b;
  --color-yellow-800: #b1ab18;
  --color-yellow-900: #989214;
  --color-yellow-950: #4c490a;

  /* LIME - Matrix/Cyberpunk green */
  --color-lime-50: #f4fff0;
  --color-lime-100: #e8ffe0;
  --color-lime-200: #ccffb8;
  --color-lime-300: #a6ff80;
  --color-lime-400: #80ff47;
  --color-lime-500: #39ff14; /* Matrix/Cyberpunk green */
  --color-lime-600: #33e612;
  --color-lime-700: #2dcc10;
  --color-lime-800: #27b30e;
  --color-lime-900: #21990c;
  --color-lime-950: #104d06;

  /* GREEN - Retro terminal green */
  --color-green-50: #f0fff4;
  --color-green-100: #e0ffe8;
  --color-green-200: #b8ffcc;
  --color-green-300: #80ffaa;
  --color-green-400: #47ff88;
  --color-green-500: #00ff41; /* Classic terminal green */
  --color-green-600: #00e63a;
  --color-green-700: #00cc33;
  --color-green-800: #00b32c;
  --color-green-900: #009925;
  --color-green-950: #004d12;

  /* TEAL - Tron light cycle cyan */
  --color-teal-50: #f0ffff;
  --color-teal-100: #e0ffff;
  --color-teal-200: #b8ffff;
  --color-teal-300: #80ffff;
  --color-teal-400: #47ffff;
  --color-teal-500: #00ffff; /* Pure Tron cyan */
  --color-teal-600: #00e6e6;
  --color-teal-700: #00cccc;
  --color-teal-800: #00b3b3;
  --color-teal-900: #009999;
  --color-teal-950: #004d4d;

  /* CYAN - Enhanced Tron cyan variants */
  --color-cyan-50: #ecfeff;
  --color-cyan-100: #cffafe;
  --color-cyan-200: #a5f3fc;
  --color-cyan-300: #67e8f9;
  --color-cyan-400: #22d3ee;
  --color-cyan-500: #06b6d4;
  --color-cyan-600: #0891b2;
  --color-cyan-700: #0e7490;
  --color-cyan-800: #155e75;
  --color-cyan-900: #164e63;
  --color-cyan-950: #083344;

  /* BLUE - Cyberpunk electric blue */
  --color-blue-50: #f0f8ff;
  --color-blue-100: #e0f1ff;
  --color-blue-200: #b8e0ff;
  --color-blue-300: #80ccff;
  --color-blue-400: #47b8ff;
  --color-blue-500: #0080ff; /* Cyberpunk electric blue */
  --color-blue-600: #0073e6;
  --color-blue-700: #0066cc;
  --color-blue-800: #0059b3;
  --color-blue-900: #004d99;
  --color-blue-950: #00264d;

  /* INDIGO - Deep cyber purple */
  --color-indigo-50: #eef2ff;
  --color-indigo-100: #e0e7ff;
  --color-indigo-200: #c7d2fe;
  --color-indigo-300: #a5b4fc;
  --color-indigo-400: #818cf8;
  --color-indigo-500: #6366f1;
  --color-indigo-600: #4f46e5;
  --color-indigo-700: #4338ca;
  --color-indigo-800: #3730a3;
  --color-indigo-900: #312e81;
  --color-indigo-950: #1e1b4b;

  /* VIOLET - Cyberpunk neon purple */
  --color-violet-50: #f8f0ff;
  --color-violet-100: #f1e0ff;
  --color-violet-200: #e2b8ff;
  --color-violet-300: #d480ff;
  --color-violet-400: #c547ff;
  --color-violet-500: #8000ff; /* Cyberpunk neon purple */
  --color-violet-600: #7300e6;
  --color-violet-700: #6600cc;
  --color-violet-800: #5900b3;
  --color-violet-900: #4d0099;
  --color-violet-950: #26004d;

  /* PURPLE - Enhanced purple variants */
  --color-purple-50: #faf5ff;
  --color-purple-100: #f3e8ff;
  --color-purple-200: #e9d5ff;
  --color-purple-300: #d8b4fe;
  --color-purple-400: #c084fc;
  --color-purple-500: #a855f7;
  --color-purple-600: #9333ea;
  --color-purple-700: #7e22ce;
  --color-purple-800: #6b21a8;
  --color-purple-900: #581c87;
  --color-purple-950: #3b0764;

  /* FUCHSIA - Hotline Miami hot pink */
  --color-fuchsia-50: #fff0f8;
  --color-fuchsia-100: #ffe0f1;
  --color-fuchsia-200: #ffb8e2;
  --color-fuchsia-300: #ff80d4;
  --color-fuchsia-400: #ff47c5;
  --color-fuchsia-500: #ff1493; /* Hotline Miami hot pink */
  --color-fuchsia-600: #e61285;
  --color-fuchsia-700: #cc1077;
  --color-fuchsia-800: #b30e69;
  --color-fuchsia-900: #990c5a;
  --color-fuchsia-950: #4d062d;

  /* PINK - Complementary pink variants */
  --color-pink-50: #fdf2f8;
  --color-pink-100: #fce7f3;
  --color-pink-200: #fbcfe8;
  --color-pink-300: #f9a8d4;
  --color-pink-400: #f472b6;
  --color-pink-500: #ec4899;
  --color-pink-600: #db2777;
  --color-pink-700: #be185d;
  --color-pink-800: #9d174d;
  --color-pink-900: #831843;
  --color-pink-950: #500724;

  /* ROSE - Neon coral/salmon (retro sunset vibes) */
  --color-rose-50: #fff4f2;
  --color-rose-100: #ffe6e1;
  --color-rose-200: #ffd1c7;
  --color-rose-300: #ffb3a0;
  --color-rose-400: #ff8a6b;
  --color-rose-500: #ff5722; /* Retro neon coral */
  --color-rose-600: #e8431f;
  --color-rose-700: #c6341a;
  --color-rose-800: #a32817;
  --color-rose-900: #851f16;
  --color-rose-950: #471109;

  /* ZINC - Cooler grays with slight blue tint */
  --color-zinc-50: #fafafa;
  --color-zinc-100: #f4f4f5;
  --color-zinc-200: #e4e4e7;
  --color-zinc-300: #d4d4d8;
  --color-zinc-400: #a1a1aa;
  --color-zinc-500: #71717a;
  --color-zinc-600: #52525b;
  --color-zinc-700: #3f3f46;
  --color-zinc-800: #27272a;
  --color-zinc-900: #18181b;
  --color-zinc-950: #09090b;

  /* NEUTRAL - Pure balanced grays */
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f5f5f5;
  --color-neutral-200: #e5e5e5;
  --color-neutral-300: #d4d4d4;
  --color-neutral-400: #a3a3a3;
  --color-neutral-500: #737373;
  --color-neutral-600: #525252;
  --color-neutral-700: #404040;
  --color-neutral-800: #262626;
  --color-neutral-900: #171717;
  --color-neutral-950: #0a0a0a;

  /* STONE - Warm grays with brown undertones */
  --color-stone-50: #fafaf9;
  --color-stone-100: #f5f5f4;
  --color-stone-200: #e7e5e4;
  --color-stone-300: #d6d3d1;
  --color-stone-400: #a8a29e;
  --color-stone-500: #78716c;
  --color-stone-600: #57534e;
  --color-stone-700: #44403c;
  --color-stone-800: #292524;
  --color-stone-900: #1c1917;
  --color-stone-950: #0c0a09;

  /* EMERALD - Enhanced retro emerald */
  --color-emerald-50: #ecfdf5;
  --color-emerald-100: #d1fae5;
  --color-emerald-200: #a7f3d0;
  --color-emerald-300: #6ee7b7;
  --color-emerald-400: #34d399;
  --color-emerald-500: #10b981; /* Retro emerald */
  --color-emerald-600: #059669;
  --color-emerald-700: #047857;
  --color-emerald-800: #065f46;
  --color-emerald-900: #064e3b;
  --color-emerald-950: #022c22;

  /* SKY - Retro sky blue (lighter cyber blue) */
  --color-sky-50: #f0f9ff;
  --color-sky-100: #e0f2fe;
  --color-sky-200: #bae6fd;
  --color-sky-300: #7dd3fc;
  --color-sky-400: #38bdf8;
  --color-sky-500: #0ea5e9; /* Retro sky blue */
  --color-sky-600: #0284c7;
  --color-sky-700: #0369a1;
  --color-sky-800: #075985;
  --color-sky-900: #0c4a6e;
  --color-sky-950: #082f49;

  /* AMBER - Retro amber/gold (warmer than yellow) */
  --color-amber-50: #fffbeb;
  --color-amber-100: #fef3c7;
  --color-amber-200: #fde68a;
  --color-amber-300: #fcd34d;
  --color-amber-400: #fbbf24;
  --color-amber-500: #f59e0b; /* Retro amber */
  --color-amber-600: #d97706;
  --color-amber-700: #b45309;
  --color-amber-800: #92400e;
  --color-amber-900: #78350f;
  --color-amber-950: #451a03;
}