/* ═══════════════════════════════════════════════════════
   variables.css 
   ═══════════════════════════════════════════════════════*/

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  /* Brand */
  --wa-red:        #CC0000;
  --wa-red-dark:   #A30000;
  --wa-navy:       #1A3A69;
  --wa-navy-light: #2C4A8A;
  --wa-grey-date:  #707070;
  --wa-white:      #FFFFFF;
  --wa-bg:         #F2F2F2;
  --wa-border:     #D5D5D5;
  --wa-text:       #2B2B2B;
  --wa-muted:      #6B6B6B;

  /* Gradients */
  --wa-grad-brand:  linear-gradient(135deg, #E0264A 0%, var(--wa-red) 48%, var(--wa-red-dark) 100%);
  --wa-grad-btn:    linear-gradient(135deg, #E0264A 0%, var(--wa-red) 55%, var(--wa-red-dark) 100%);
  --wa-grad-soft:   linear-gradient(135deg, rgba(204,0,0,.09) 0%, rgba(163,0,0,.09) 100%);
  --wa-grad-navy:   linear-gradient(135deg, var(--wa-navy-light) 0%, var(--wa-navy) 100%);

  /* Glow shadows */
  --wa-glow-red:   0 10px 28px rgba(204,0,0,.32);
  --wa-glow-red-lg:0 18px 44px rgba(204,0,0,.42);
  --wa-glow-navy:  0 10px 28px rgba(26,58,105,.34);
  --wa-glow-mix:   0 22px 54px rgba(204,0,0,.38), 0 8px 20px rgba(163,0,0,.22);
  --wa-ease-bounce:cubic-bezier(.34,1.56,.64,1);
  --wa-ease-smooth:cubic-bezier(.22,1,.36,1);

  /* Typography — Anton for display (uppercase, sparingly); Open Sans for body */
  --font-body:    'Open Sans', Arial, sans-serif;
  --font-display: 'Anton', 'Open Sans', 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; }