/* ========================================
   Ucoopia CSS Variables
   Design System tokens
   ======================================== */

:root {
  /* ========================================
     Colors
     ======================================== */
  /* Primary */
  --ucoopia-green-primary: #006666;
  --ucoopia-green-secondary: #004444;
  --ucoopia-yellow-primary: #F4A323;
  --ucoopia-yellow-primary-50: rgba(244, 163, 35, 0.5);

  /* Accent */
  --ucoopia-red: #A80039;
  --ucoopia-red-50: rgba(168, 0, 57, 0.5);
  --ucoopia-red-secondary: #D3809C;
  --ucoopia-menthe: #5FA4B0;
  --ucoopia-bleu: #003087;
  --ucoopia-pourpre: #64027D;
  --ucoopia-vert: #4AAB27;

  /* Neutral */
  --ucoopia-white: #FFFFFF;
  --ucoopia-black: #000000;

  /* ========================================
     Typography - Adobe Fonts (Typekit)
     ======================================== */
  --ucoopia-font-heading: 'hwt-artz', serif;
  --ucoopia-font-heading-alt: 'franklin-gothic-atf', sans-serif;
  --ucoopia-font-cta: 'franklin-gothic-compressed', sans-serif;
  --ucoopia-font-body: 'univers-next-pro', sans-serif;
  --ucoopia-font-testimonial: 'alegreya', serif;

  /* ========================================
     Spacing
     ======================================== */
   --ucoopia-spacing-default: 20px;
  --ucoopia-spacing-xs: 8px;
  --ucoopia-spacing-sm: 12px;
  --ucoopia-spacing-md: 16px;
  --ucoopia-spacing-lg: 24px;
  --ucoopia-spacing-xl: 32px;
  --ucoopia-spacing-2xl: 48px;
  --ucoopia-spacing-3xl: 96px;

  /* ========================================
     Border Radius
     ======================================== */
  --ucoopia-radius-sm: 8px;
  --ucoopia-radius-md: 16px;
  --ucoopia-radius-lg: 24px;
  --ucoopia-radius-button: 25px;

  /* ========================================
     Transitions
     ======================================== */
  --ucoopia-transition-fast: 0.2s ease;
  --ucoopia-transition-normal: 0.3s ease;
}