/**
 * @file
 * CSS Custom Properties (Design Tokens)
 * Nordsee-Thema: Blau/Beige/Weiß
 */

:root {
  /* Primärfarben - Nordsee-Blau */
  --nn-primary: #234E70;
  --nn-primary-light: #3A6B8C;
  --nn-primary-dark: #1A3A52;
  --nn-primary-rgb: 35, 78, 112;
  
  /* Sekundärfarben - Sand/Beige */
  --nn-secondary: #F5F0E1;
  --nn-secondary-light: #FAF8F2;
  --nn-secondary-dark: #E8DFC8;
  --nn-accent: #D4A574;
  --nn-accent-light: #E5C4A1;
  
  /* Neutrale Farben */
  --nn-white: #FFFFFF;
  --nn-off-white: #FAFAFA;
  --nn-light-gray: #F5F5F5;
  --nn-gray: #E0E0E0;
  --nn-gray-medium: #9E9E9E;
  --nn-gray-dark: #6c757d;
  --nn-border: #E0E0E0;
  
  /* Text-Farben */
  --nn-text: #343a40;
  --nn-text-light: #FFFFFF;
  --nn-text-muted: #6c757d;
  --nn-text-heading: var(--nn-primary);
  
  /* Status-Farben */
  --nn-success: #4CAF50;
  --nn-success-light: #C8E6C9;
  --nn-success-dark: #388E3C;
  --nn-warning: #FF9800;
  --nn-warning-light: #FFE0B2;
  --nn-error: #F44336;
  --nn-error-light: #FFCDD2;
  --nn-info: #2196F3;
  --nn-info-light: #BBDEFB;
  
  /* Kalender */
  --nn-available: #C8E6C9;
  --nn-available-dark: #A5D6A7;
  --nn-unavailable: #FFCDD2;
  --nn-unavailable-dark: #EF9A9A;
  
  /* Schatten */
  --nn-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --nn-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --nn-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --nn-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  
  /* Abstände */
  --nn-space-xs: 0.25rem;
  --nn-space-sm: 0.5rem;
  --nn-space-md: 1rem;
  --nn-space-lg: 1.5rem;
  --nn-space-xl: 2rem;
  --nn-space-2xl: 3rem;
  
  /* Border Radius */
  --nn-radius-sm: 4px;
  --nn-radius: 8px;
  --nn-radius-lg: 12px;
  --nn-radius-full: 9999px;
  
  /* Typografie */
  --nn-font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --nn-font-size-sm: 0.875rem;
  --nn-font-size-base: 1rem;
  --nn-font-size-lg: 1.125rem;
  --nn-font-size-xl: 1.25rem;
  --nn-font-size-2xl: 1.5rem;
  --nn-font-size-3xl: 2rem;
  --nn-font-size-4xl: 2.5rem;
  --nn-line-height-base: 1.7;
  --nn-line-height-relaxed: 1.9;
  --nn-font-weight-normal: 400;
  --nn-font-weight-medium: 500;
  --nn-font-weight-semibold: 600;
  --nn-font-weight-bold: 700;
  
  /* Transitions */
  --nn-transition-fast: 150ms ease;
  --nn-transition-base: 200ms ease;
}