:root {
  /* Professional Color Palette - Max 3 Bright Colors */
  --color-primary-button: #5ba3f5;       /* Buttons & CTAs - Heller, gut sichtbarer Blauton */
  --color-accent-headline: #7b68ee;      /* Headlines - Zurückhaltender Lila-Ton */
  --color-text-accent: #20b2aa;          /* Ausgewählte Textbereiche - Subtiler Türkis-Ton */
  
  /* Legacy Colors for Components */
  --color-primary: #5ba3f5;
  --color-secondary: #7b68ee;
  --color-accent: #20b2aa;

  /* Background Colors - Dark Theme with Lighter Elements */
  --color-background-primary: #000000;
  --color-background-secondary: #0a0a0a;
  --color-background-tertiary: #111111;
  --color-background-card: rgba(255, 255, 255, 0.08);        /* Hellere Cards/Tiles */
  --color-background-card-hover: rgba(255, 255, 255, 0.12);  /* Cards on Hover */
  --color-background-section: rgba(255, 255, 255, 0.03);     /* Sektion-Hintergründe */

  /* Text Colors - High Contrast on Dark */
  --color-text-primary: #ffffff;
  --color-text-secondary: #e0e0e0;
  --color-text-muted: #999999;

  /* Border Colors - Subtle Dark Borders */
  --color-border-primary: #222222;
  --color-border-secondary: #333333;
  --color-border-accent: #444444;

  /* Button Colors - Professional Design */
  --color-button-primary: var(--color-primary-button);
  --color-button-primary-hover: #4a90e2;
  --color-button-primary-text: #ffffff;
  --color-button-secondary: #333333;
  --color-button-secondary-hover: #444444;
  --color-button-secondary-text: #ffffff;
  --color-button-delete: #dc3545;
  --color-button-delete-hover: #c82333;
  
  /* Danger Colors for Delete Actions */
  --color-danger: #dc3545;
  --color-danger-hover: #c82333;
  --color-text-on-danger: #ffffff;
  --color-button-delete-text: #ffffff;

  /* Success/Error Colors - Dark Theme Compatible */
  --color-success: #28a745;
  --color-success-background: rgba(40, 167, 69, 0.15);
  --color-success-text: #ffffff;
  --color-success-border: #28a745;
  
  /* Warning Colors for Delete Confirmation */
  --color-warning: #ffc107;
  --color-warning-background: rgba(255, 193, 7, 0.15);
  --color-warning-text: #000000;
  --color-warning-border: #ffc107;
  
  /* Error Colors */
  --color-error: #dc3545;
  --color-error-background: rgba(220, 53, 69, 0.15);
  --color-error-text: #ffffff;
  --color-error-border: #dc3545;
  
  /* Info Colors */
  --color-info: #17a2b8;
  --color-info-background: rgba(23, 162, 184, 0.15);
  --color-info-text: #ffffff;
  --color-info-border: #17a2b8;

  /* Navigation Colors - Dark Navigation */
  --color-navigation-background: #000000;
  --color-navigation-text: #ffffff;
  --color-navigation-hover: #1a1a1a;
  --color-navigation-active: #2a2a2a;

  /* Footer Colors - Dark Footer */
  --color-footer-background: #000000;
  --color-footer-text: #cccccc;
  
  /* Made in Germany Effect Colors - Dark Theme */
  --color-germany-text-default: #ffffff;
  --color-germany-text-secondary: #e0e0e0;
  --color-germany-gold-primary: #ffd700;
  --color-germany-gold-secondary: #ffed4e;
  --color-germany-shadow: rgba(255, 215, 0, 0.3);

  /* Tile Colors - Dark Tiles */
  --color-tile-background: #0a0a0a;
  --color-tile-border: #222222;
  --color-tile-hover: #1a1a1a;

  /* Table Colors - Dark Tables */
  --color-table-header: #0a0a0a;
  --color-table-row: #111111;
  --color-table-row-hover: #1a1a1a;
  --color-table-border: #222222;

  /* Form Colors - Dark Forms */
  --color-input-background: #0a0a0a;
  --color-input-border: #222222;
  --color-input-focus: #1a1a1a;
  --color-input-text: #ffffff;
  --color-input-placeholder: #666666;

  /* Shadow Colors - Dark Shadows */
  --color-shadow: rgba(0, 0, 0, 0.5);
  --color-shadow-light: rgba(0, 0, 0, 0.2);

  /* Chart Colors - Dark Charts */
  --color-chart-primary: #1a1a1a;
  --color-chart-secondary: #333333;
  --color-chart-accent: #666666;

  /* Scrollbar Colors - Dark Scrollbars */
  --color-scrollbar-track: #000000;
  --color-scrollbar-thumb: #333333;
  --color-scrollbar-thumb-hover: #444444;

  /* Modern Accent Colors - Based on Logo Analysis */
  --color-accent-primary: #4a90e2;    /* Electric Blue - For primary actions and highlights */
  --color-accent-secondary: #7b68ee;  /* Medium Slate Blue - For secondary elements */
  --color-accent-tertiary: #20b2aa;   /* Light Sea Green - For success and emphasis */
  
  /* Gradient Colors for Modern Effects */
  --gradient-primary: linear-gradient(135deg, #4a90e2, #7b68ee);
  --gradient-secondary: linear-gradient(135deg, #7b68ee, #20b2aa);
  --gradient-tertiary: linear-gradient(135deg, #4a90e2, #20b2aa);
  
  /* Pricing Card Special Colors */
  --color-pricing-primary: #4a90e2;
  --color-pricing-secondary: #7b68ee;
  --color-pricing-tertiary: #20b2aa;
  --color-pricing-gold: #ffd700;
}

/* Global Dark Theme Enforcement - Less Aggressive */
html, body {
  background-color: var(--color-background-primary);
  color: var(--color-text-primary);
}

/* Basic element styling without !important */
div, section, article, aside, header, footer, main, nav {
  background-color: var(--color-background-primary);
}

/* Form elements */
input, textarea, select, button {
  background-color: var(--color-input-background);
  color: var(--color-input-text);
  border-color: var(--color-input-border);
}

/* Tables */
table, th, td, tr {
  background-color: var(--color-background-primary);
  color: var(--color-text-primary);
}

/* Links */
a {
  color: var(--color-text-primary);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: var(--color-text-primary);
}

/* Paragraphs */
p {
  color: var(--color-text-primary);
}

/* Lists */
ul, ol, li {
  color: var(--color-text-primary);
}

/* Navigation specific */
.navigation-container,
.navigation-menu,
.navigation-menu-item,
.navigation-menu-link {
  background-color: var(--color-navigation-background);
  color: var(--color-navigation-text);
}

/* Footer specific */
.footer-container,
.footer-content {
  background-color: var(--color-footer-background);
  color: var(--color-footer-text);
}