/* ==========================================================================
   theme-modern.css - Perls Holzschmiede
   Modernes Theme: Dunkle Schiefertoene, klar und minimalistisch

   Dunkle Hintergruende mit Stahlblau-Akzenten.
   Scharfe Kanten, reduzierte Schatten, technisches Erscheinungsbild.
   ========================================================================== */

[data-theme="modern"] {
  /* --- Farben --- */
  --color-primary: #4A9EFF;
  --color-primary-light: #72B4FF;
  --color-primary-dark: #2B7FE0;
  --color-secondary: #7C5CFC;
  --color-secondary-light: #9A80FD;
  --color-secondary-dark: #5E3DD4;
  --color-accent: #00D4FF;
  --color-accent-light: #33DFFF;
  --color-accent-dark: #00A8CC;

  --color-bg: #1A1A2E;
  --color-bg-alt: #16213E;
  --color-text: #E0E0E0;
  --color-text-light: #B0B0B0;
  --color-text-muted: #707080;
  --color-border: #2E2E48;
  --color-surface: #252540;
  --color-surface-hover: #2E2E50;

  --color-success: #00C853;
  --color-error: #FF5252;
  --color-warning: #FFB300;

  /* --- Schatten: Subtiler auf dunklem Hintergrund --- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.4);

  /* --- Rahmen: Schaerfer, weniger Rundung --- */
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.375rem;
  --radius-xl: 0.5rem;
}