/* Color Variables for Makelanie Web CMS */

:root {
  /* Dark 80s Color Palette */
  --background-primary: #1a1a1a;      /* Tiefes Dunkelgrau statt reinem Schwarz */
  --background-secondary: #2d2d2d;    /* Etwas hellerer Akzent */
  --surface-color: #3a3a3a;           /* Karten und Oberflächen */
  --text-primary: #ffffff;            /* Haupttext */
  --text-secondary: #e0e0e0;          /* Sekundärtext */
  --accent-neon-pink: #ff00FF;        /* Neon-Pink für CTAs */
  --accent-electro-blue: #00ffff;     /* Elektro-Blau für Links */
  --accent-toxic-green: #39ff14;      /* Giftgrün für besondere Akzente */
  --border-color: #4a4a4a;            /* Dezente Raster-Linien */
  --shadow-glow: rgba(255, 0, 110, 0.3); /* Glow-Effekt */
  
  /* RGBA Colors for consistency */
  --accent-neon-pink-rgb: rgba(255, 0, 110, 0.3);
  --accent-neon-pink-rgb-light: rgba(255, 0, 110, 0.1);
  --accent-neon-pink-rgb-medium: rgba(255, 0, 110, 0.6);
  --accent-neon-pink-rgb-strong: rgba(255, 0, 110, 0.8);
  --accent-neon-pink-rgb-very-strong: rgba(255, 0, 110, 0.95);
  --accent-electro-blue-rgb: rgba(0, 255, 255, 0.1);
  --accent-electro-blue-rgb-medium: rgba(0, 255, 255, 0.4);
  --accent-electro-blue-rgb-strong: rgba(0, 255, 255, 0.95);
  
  /* Typography */
  --font-heading: 'Work Sans', 'Courier New', monospace; /* Work Sans für Überschriften */
  --font-body: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --border-radius: 8px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}