/* ═══════════════════════════════════════════════════════
   variables.css 
   ═══════════════════════════════════════════════════════*/
:root {
  /* Brand */
  --wa-red:        #C8102E;
  --wa-red-dark:   #A50D25;
  --wa-navy:       #1D3461;
  --wa-navy-light: #2C4A8A;
  --wa-grey-date:  #8B9BB4;   /* "Dates" block */
  --wa-white:      #FFFFFF;
  --wa-bg:         #F2F2F2;   /* page background */
  --wa-border:     #D5D5D5;
  --wa-text:       #2B2B2B;
  --wa-muted:      #6B6B6B;

  /* Typography — Winair uses Muli/Mulish for body, condensed for headlines */
  --font-body:    'Mulish', 'Muli', 'Open Sans', Arial, sans-serif;
  --font-display: 'Mulish', 'Muli', Arial Black, sans-serif;

  /* Layout */
  --page-max:     1100px;
  --page-pad:     40px;

  /* Radius */
  --radius-card:  8px;
  --radius-sm:    4px;

  /* Shadow */
  --shadow-card:  0 2px 12px rgba(0,0,0,.10);
  --shadow-drop:  0 8px 32px rgba(0,0,0,.14);

  --transition:   .18s ease;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  color: var(--wa-text);
  background-color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
a   { text-decoration: none; color: inherit; cursor: pointer; }
img { display: block; }