/* ═══════════════════════════════════════════
   RTS DESIGN TOKENS
   Palette derived from rtscorp.com — deep navy
   + a single blue accent, on a near-white base.
   Variable names kept as --wa-* to avoid a
   project-wide rename; values now map to RTS.
═══════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  --logo-h:        56px;

  /* Primary — RTS navy */
  --wa-navy:       #16335C;
  --wa-navy-lt:    #2C5CA0;
  --wa-navy-dk:    #0E2440;

  /* Accent — RTS blue (replaces the old bright red accent) */
  --wa-red:        #2C7BE5;
  --wa-red-dk:     #1F5FBE;
  --wa-red-lt:     #5B9AE8;

  /* Neutrals — plain, mostly-white surface */
  --wa-white:      #FFFFFF;
  --wa-bg:         #FAFBFC;
  --wa-bg-dk:      #F0F2F6;
  --wa-border:     #E2E6ED;
  --wa-border-lt:  #EEF1F5;
  --wa-text:       #1A2233;
  --wa-muted:      #64748B;
  --wa-light:      #93A0B4;

  /* Status colors — used sparingly, for state only */
  --wa-green:      #16A34A;
  --wa-danger:     #DC2626;
  --wa-warn:       #D97706;

  --shadow:        0 1px 3px rgba(22,51,92,0.08);
  --shadow-md:     0 4px 14px rgba(22,51,92,0.10);
  --shadow-red:    0 2px 10px rgba(44,123,229,0.22);
  --radius:        8px;
}