/* ============================================================
   5euro.eu — CSS Variables  |  European Union Flag Theme
   EU Blue: #003399 · EU Gold: #FFCC00
   ============================================================ */

:root {
  /* EU Flag Colors */
  --eu-blue:   #003399;
  --eu-gold:   #FFCC00;

  /* Blue shades */
  --blue-dark:  #001f6e;
  --blue-mid:   #1a4db0;
  --blue-light: #3366CC;
  --blue-pale:  #E8EEFF;
  --blue-soft:  #EEF1FF;

  /* Gold shades */
  --gold-dark:  #c9a800;
  --gold-light: #fff0a0;

  /* Neutrals */
  --white:       #FFFFFF;
  --surface:     #F6F8FF;
  --surface-2:   #EDEFFE;
  --text-dark:   #070d2a;
  --text-mid:    #1a2760;
  --text-muted:  #6B7280;
  --text-light:  #9CA3AF;
  --border:      #DDE3FF;
  --border-mid:  #b8c3ff;

  /* Gradients */
  --grad-hero:   linear-gradient(135deg, #001f6e 0%, #003399 55%, #1a4db0 100%);
  --grad-cta:    linear-gradient(90deg, #001f6e 0%, #003399 100%);
  --grad-card:   linear-gradient(135deg, #F6F8FF 0%, #edeffe 100%);
  --grad-gold:   linear-gradient(135deg, #FFCC00 0%, #ffd633 100%);
  --grad-blue:   linear-gradient(90deg, #003399 0%, #1a4db0 100%);
  --grad-stripe: linear-gradient(90deg, #003399 0%, #FFCC00 100%);

  /* EU star ring decoration */
  --eu-star: '★';

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(0,51,153,0.08);
  --shadow-md:   0 8px 32px rgba(0,51,153,0.12);
  --shadow-lg:   0 24px 64px rgba(0,51,153,0.16);
  --shadow-card: 0 4px 24px rgba(0,51,153,0.10);
  --shadow-glow: 0 0 48px rgba(255,204,0,0.30);
  --shadow-blue: 0 8px 32px rgba(0,51,153,0.30);

  /* Spacing */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  6rem;
  --space-2xl: 8rem;

  /* Border Radius */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-xl:   32px;
  --radius-full: 9999px;

  /* Typography */
  --font-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* Transitions */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast:  200ms;
  --duration-mid:   400ms;
  --duration-slow:  800ms;

  /* Layout */
  --max-w: 1400px;
  --nav-h: 72px;
}