@charset "UTF-8";
/**
 * @file
 * Design tokens extracted from Figma (Velantis v2).
 */
:root {
  /* Colors */
  --vel-primary: #00466E;
  --vel-secondary: #0085AC;
  --vel-accent: #00BDFB;
  --vel-bg-light: #E4E4E4;
  --vel-bg-light-rgb: 228, 228, 228;
  --vel-bg-white: #FFFFFF;
  --vel-text-dark: #000000;
  --vel-text-muted: #4A5565;
  --vel-text-muted-2: #6A7282;
  --vel-border: #E4E4E4;
  --vel-primary-transparent: rgba(0, 70, 110, 0);
  --vel-primary-10: rgba(0, 70, 110, 0.1);
  --vel-primary-40: rgba(0, 70, 110, 0.4);
  /* Typography */
  --vel-font-heading: 'Funnel Display', sans-serif;
  --vel-font-body: 'Urbanist', sans-serif;
  /* Font sizes
   * Scale: xs(12) sm(14) base(16) lg(18) xl(20) 2xl(24) 3xl(30) 3xl-plus(36) 4xl(48) 5xl(72) 6xl(80) 7xl(128)
   */
  --vel-text-xs: 0.75rem; /* 12px — badges, metadata */
  --vel-text-sm: 0.875rem; /* 14px — labels, tags, pills */
  --vel-text-base: 1rem; /* 16px — nav, card body, buttons mobile */
  --vel-text-lg: 1.125rem; /* 18px — body text, buttons desktop */
  --vel-text-xl: 1.25rem; /* 20px — section body desktop */
  --vel-text-2xl: 1.5rem; /* 24px — card titles, footer heading */
  --vel-text-3xl: 1.875rem; /* 30px — subtitle text */
  --vel-text-3xl-plus: 2.25rem; /* 36px — mobile section titles, hero subtitle, stats numbers */
  --vel-text-4xl: 3rem; /* 48px — section headings sm breakpoint */
  --vel-text-5xl: 4.5rem; /* 72px — section headings lg breakpoint */
  --vel-text-6xl: 5rem; /* 80px — section headings xxl breakpoint */
  --vel-text-7xl: 8rem; /* 128px — hero accent text */
  /* Line heights */
  --vel-leading-meta: 16px; /* metadata, stats labels, small text */
  --vel-leading-tight: 20px; /* tags, pills, small UI */
  --vel-leading-snug: 24px; /* card body 16px, back-link */
  --vel-leading-normal: 25px; /* contact labels */
  --vel-leading-card-body: 26px; /* body text 18px, card descriptions */
  --vel-leading-relaxed: 28px; /* buttons, info boxes, accordions */
  --vel-leading-body: 29.25px; /* body text 20px desktop */
  --vel-leading-card-title: 32px; /* card titles 24px, footer headings */
  --vel-leading-loose: 32.5px; /* body text 20px desktop alt */
  --vel-leading-heading-sm: 36px; /* section titles mobile 36px */
  --vel-leading-heading-sm-plus: 48px; /* stats numbers mobile, large headings */
  --vel-leading-heading-md: 48.75px; /* section titles sm (48px) */
  --vel-leading-heading-lg: 72px; /* section titles lg (72px) */
  --vel-leading-heading-xl: 80px; /* section titles xxl (80px) */
  /* Letter spacing */
  --vel-tracking-tight: -1.8px;
  --vel-tracking-snug: -0.75px;
  --vel-tracking-wide: 1.4px;
  --vel-tracking-label: 0.6px; /* uppercase labels mobile (Figma: letter-spacing/0.6) */
  --vel-tracking-normal: 2px;
  /* Spacing */
  --vel-space-xs: 0.25rem; /* 4px */
  --vel-space-sm: 0.5rem; /* 8px */
  --vel-space-md: 1rem; /* 16px */
  --vel-space-lg: 1.5rem; /* 24px */
  --vel-space-xl: 2rem; /* 32px */
  --vel-space-2xl: 3rem; /* 48px */
  --vel-space-3xl: 4rem; /* 64px */
  /* Layout */
  --vel-max-width-content: 1045px;
  --vel-max-width: 1920px;
  --vel-content-padding: 80px;
  --vel-section-padding: 96px; /* 6rem — vertical padding for desktop sections */
  --vel-border-radius: 8px;
  --vel-card-radius: 16px;
  --vel-card-radius-sm: 24px;
  --vel-card-radius-lg: 40px;
  --vel-card-radius-xl: 56px;
  --vel-pill-radius: 42px;
  --vel-section-radius: 64px;
  /* Shadows */
  --vel-shadow-sm: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --vel-shadow-deep: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --vel-shadow-blue: 0 20px 50px 0 rgba(0, 189, 251, 0.3);
  /* Mobile shadows */
  --vel-shadow-sm-mobile: 0 0 10px -12px rgba(0, 0, 0, 0.2);
  --vel-shadow-deep-mobile: 0 0 20px -12px rgba(0, 0, 0, 0.5);
  --vel-shadow-blue-mobile: 0 0 20px 0 rgba(0, 189, 251, 0.3);
  /* Mobile layout overrides */
  --vel-card-radius-mobile: 24px;
  --vel-btn-radius-mobile: 12px;
  /* Gradients */
  --vel-gradient-hero: linear-gradient(90deg, #00466E 0%, rgba(0, 70, 110, 0.4) 50%, rgba(0, 70, 110, 0) 100%);
  --vel-gradient-section: linear-gradient(90deg, #18476F 0%, #2983A9 100%);
  --vel-gradient-card-overlay: linear-gradient(123deg, rgba(41, 131, 169, 0.7) 14%, rgba(24, 71, 111, 0.7) 76%);
  --vel-gradient-news-card: linear-gradient(13.33deg, rgb(0, 38, 57) 18%, rgba(0, 103, 162, 0) 102%);
  --vel-gradient-card-subtle: linear-gradient(0deg, rgba(0, 70, 110, 0.05) 0%, rgba(0, 70, 110, 0) 100%);
}
/*# sourceMappingURL=tokens.css.map */