/* ============================================================
   DESIGN TOKENS · Priza24
   Hier alle Farben, Spacings, Radien und Fonts.
   Will der Designer die Marke umfaerben — er aendert nur diese Datei.
   ============================================================ */

@font-face {
    font-family: 'Incompleeta';
    src: url('../fonts/IncompleetaLight.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

:root {
  /* --- Global Design System Colors --- */
  --color-primary: #00A343; /* Deepened emerald for better contrast */
  --color-text-primary: #0F172A; /* Premium dark slate / anthracite */
  --color-bg-primary: #F1F5F9;
  --color-bg-dark: #0D0D12;
  --color-text-body: rgba(15, 23, 42, 0.75); /* Subtle body text color */
  
  /* --- Global Light-First Colors --- */
  --bg:         var(--color-bg-primary);
  --bg-2:       #CBD5E1;
  --surface:    #FFFFFF;
  --surface-2:  #F8FAFC;
  --line:       rgba(15, 23, 42, 0.08);
  --line-2:     rgba(15, 23, 42, 0.14);
  --text:       var(--color-text-primary);
  --muted:      #475569;
  --accent:     #00A343;
  --accent-2:   var(--color-primary);
  --warn:       #D97706;
  --error:      #DC2626; /* High-contrast red */

  /* --- Dark-Accent Components (Nav, CTA, Footer) --- */
  --dark-bg:       #1E293B; /* Slate 800 - Premium dark gray */
  --dark-bg-2:     #334155; /* Slate 700 - Lighter dark background */
  --dark-surface:  #0F172A; /* Slate 900 - Deep charcoal surface */
  --dark-text:     #FFFFFF; /* Pure white */
  --dark-muted:    #94A3B8; /* Legible slate gray on black */
  --dark-line:     rgba(255, 255, 255, 0.08);
  --dark-line-2:   rgba(255, 255, 255, 0.14);

  /* --- Gradients & Shadows --- */
  --gradient: linear-gradient(135deg, #00A343 0%, #00C853 100%);
  --bg-glow: radial-gradient(circle at top center, rgba(15, 23, 42, 0.02) 0%, transparent 60%);
  
  --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.1);
  --shadow-lg: 0 16px 40px rgba(15, 23, 42, 0.12);
  --shadow-xl: 0 24px 64px rgba(15, 23, 42, 0.15);

  /* --- Map / Location --- */
  --map-bg: #334155; /* Slate 700 - dark gray */
  --map-grid: rgba(255, 255, 255, 0.05);
  --map-grid-dot: rgba(255, 255, 255, 0.15);

  /* --- Patterns --- */
  --pattern-dot: radial-gradient(rgba(15, 23, 42, 0.06) 1.5px, transparent 1.5px);

  /* --- Typografie --- */
  --font-brand: 'Incompleeta', sans-serif;
  --font-heading: 'Bebas Neue', 'Archivo Black', 'Arial Black', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* --- Container --- */
  --container-max: 1240px;
  --container-pad: 24px;

  /* --- Radius --- */
  --r-sm: 12px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 24px;
  --r-2xl: 32px;
  --r-pill: 999px;

  /* --- Z-Layers --- */
  --z-nav: 50;
}