/* CSS Design Tokens and Variables */
@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=Outfit:wght@400;600;700;800&display=swap');

:root {
  /* Colors from the official logo */
  --color-primary: #085596;          /* Deep Royal Blue */
  --color-secondary: #043552;        /* Dark Navy Blue */
  --color-accent: #ec1f28;           /* Vibrant Accent Red */
  --color-accent-hover: #c8131b;     /* Darker Red for hover */
  --color-blue-light: #167ec2;       /* Bright Accent Blue */
  --color-text: #231f20;             /* Charcoal Off-Black */
  --color-text-muted: #575c5e;       /* Medium Gray */
  
  /* Warm Background Palette */
  --color-bg-light: #faf8f5;         /* Cream/Ivory primary background */
  --color-bg-warm: #fcfaf7;          /* Secondary lighter warm tone */
  --color-bg-transition: #f5ede2;    /* Warm beige for section separation */
  --color-border: #e8dfd3;           /* Warm border tint */
  --color-shadow: rgba(35, 31, 32, 0.08);
  --color-shadow-hover: rgba(35, 31, 32, 0.15);

  /* Fonts */
  --font-headlines: 'Google Sans', 'Outfit', sans-serif;
  --font-body: 'Atkinson Hyperlegible', sans-serif;

  /* Layout and Spacing */
  --container-width: 1200px;
  --header-height: 80px;
  --transition-speed: 0.3s;
  --border-radius: 8px;
  --border-radius-lg: 16px;
}