/**
 * variables.css
 * Zentrale CSS-Variablen für Assmann Consulting
 * Upload nach: /media/css/variables.css
 */

:root {
  /* Primärfarben */
  --primary: #17568c;
  --primary-dark: #0d3a5f;
  --primary-light: #2285b7;
  
  /* Akzentfarben */
  --gold: #c9a55c;
  --gold-dark: #a68644;
  
  /* Textfarben */
  --text: #1a1a1a;
  --text-light: #4a5568;
  --text-white: #ffffff;
  
  /* Hintergrundfarben */
  --bg: #ffffff;
  --bg-soft: #f7fafc;
  --bg-overlay: rgba(23, 86, 140, 0.92);
  
  /* Schriftarten */
  --font-main: 'Inter', Arial, sans-serif;
  --font-heading: 'Segoe UI', Arial, sans-serif;
  
  /* Schriftgrößen */
  --font-size-hero-h1: clamp(3rem, 5vw, 5rem);
  --font-size-hero-subtitle: clamp(1.15rem, 2vw, 1.5rem);
  --font-size-slide-title: clamp(1.5rem, 3vw, 2.2rem);
  --font-size-slide-subtitle: clamp(1rem, 2vw, 1.2rem);
  
  /* Abstände */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;
  --spacing-xxl: 6rem;
  
  /* Border Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  
  /* Transitions */
  --transition-fast: 0.3s ease;
  --transition-normal: 0.5s ease;
  --transition-slow: 1s ease-in-out;
  
  /* Breakpoints (für JS oder Container Queries) */
  --breakpoint-mobile: 600px;
  --breakpoint-tablet: 1024px;
  --breakpoint-desktop: 1440px;
}

/* Font Face Definitionen */
@font-face {
  font-family: 'Segoe UI';
  src: url('/images/fonts/segoeui.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Segoe UI';
  src: url('/images/fonts/segoeuisemibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/images/fonts/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('/images/fonts/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}