style: apply neon gaming theme from template.css

- Dark palette: #1a1e23 bg, #232830 surface, #2f363f borders
- Neon cyan (#00e5d4) primary, pink (#ff2e63) accent
- Navbar: frosted glass with backdrop blur, border bottom
- Cards: dark surface with subtle shadow and border
- Custom scrollbar: dark themed
- CSS variables for theme colors in inline styles
- All text: light (#e2e8f0) on dark backgrounds

1 files changed, 47 insertions, 8 deletions

diff --git a/resources/sass/_variables.scss b/resources/sass/_variables.scss
index 0407ab5..7d3fa82 100644
--- a/resources/sass/_variables.scss
+++ b/resources/sass/_variables.scss
@@ -1,19 +1,58 @@
 // Body
-$body-bg: #f8fafc;
+$body-bg: #1a1e23;
+$body-color: #e2e8f0;
 
 // Typography
-$font-family-sans-serif: 'Nunito', sans-serif;
+$font-family-sans-serif: 'Inter', 'Nunito', sans-serif;
 $font-size-base: 0.9rem;
 $line-height-base: 1.6;
 
-// Colors
-$blue: #3490dc;
+// Colors - Neon Gaming Theme
+$primary: #00e5d4;
+$secondary: #2b313b;
+$blue: #00e5d4;
 $indigo: #6574cd;
-$purple: #9561e2;
-$pink: #f66d9b;
+$purple: #a855f7;
+$pink: #ff2e63;
 $red: #e3342f;
 $orange: #f6993f;
 $yellow: #ffed4a;
 $green: #38c172;
-$teal: #4dc0b5;
-$cyan: #6cb2eb;
+$teal: #00e5d4;
+$cyan: #00e5d4;
+
+// Surface colors
+$dark: #232830;
+$gray-dark: #2b313b;
+$gray: #2f363f;
+$light: #e2e8f0;
+
+// Bootstrap overrides
+$card-bg: #232830;
+$card-border-color: #2f363f;
+$card-cap-bg: rgba(0,0,0,0.2);
+$card-border-radius: 0.5rem;
+
+$input-bg: #2b313b;
+$input-color: #e2e8f0;
+$input-border-color: #2f363f;
+
+$pagination-color: #e2e8f0;
+$pagination-bg: #232830;
+$pagination-border-color: #2f363f;
+$pagination-active-bg: #00e5d4;
+$pagination-active-border-color: #00e5d4;
+$pagination-active-color: #000;
+
+$navbar-dark-color: #94a3b8;
+$navbar-dark-active-color: #00e5d4;
+
+$badge-font-size: 0.8rem;
+$badge-padding-y: 0.3em;
+$badge-padding-x: 0.6em;
+
+$border-color: #2f363f;
+
+// Button overrides
+$btn-padding-y: 0.5rem;
+$btn-padding-x: 1rem;