/* ==========================================================================
   APR — Design Tokens (single source of truth)
   ========================================================================== */
:root {
  /* --- Brand: Steel Blues --- */
  --apr-steel-blue: #2B4C7E;     /* primary */
  --apr-iron-navy: #1A2F4E;      /* primary dark */
  --apr-shield-blue: #3D6BAD;    /* primary light / focus */

  /* --- Accent: Patriot Reds --- */
  --apr-patriot-red: #B71C1C;
  --apr-deep-crimson: #8B1515;

  /* --- Metallics --- */
  --apr-gunmetal: #4A5568;
  --apr-brushed-steel: #718096;

  /* --- Gold / Award --- */
  --apr-trophy-gold: #D4A847;
  --apr-gold-deep: #B8922E;

  /* --- Neutrals --- */
  --apr-white: #FFFFFF;
  --apr-concrete-cream: #F7F5F2;
  --apr-foundation: #E8E6E3;
  --apr-slate: #2D3748;
  --apr-midnight-steel: #1A202C;

  /* --- Gradients --- */
  --apr-grad-steel: linear-gradient(135deg, #2B4C7E 0%, #1A2F4E 100%);
  --apr-grad-red: linear-gradient(135deg, #B71C1C 0%, #8B1515 100%);
  --apr-grad-hero: linear-gradient(180deg, rgba(26,32,44,0.85) 0%, rgba(43,76,126,0.7) 50%, rgba(26,32,44,0.9) 100%);
  --apr-grad-industrial: linear-gradient(180deg, #1A202C 0%, #2D3748 100%);
  --apr-grad-award: linear-gradient(135deg, #D4A847 0%, #B8922E 100%);

  /* --- Blueprint grid (subtle line overlay for dark sections) --- */
  --apr-blueprint: linear-gradient(rgba(43,76,126,0.08) 1px, transparent 1px),
                   linear-gradient(90deg, rgba(43,76,126,0.08) 1px, transparent 1px);

  /* --- Typography --- */
  --apr-font-head: "Barlow Condensed", "Arial Narrow", sans-serif;
  --apr-font-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --apr-font-label: "Barlow", "Roboto", sans-serif;

  /* --- Spacing scale --- */
  --apr-space-xs: 0.5rem;
  --apr-space-sm: 1rem;
  --apr-space-md: 1.75rem;
  --apr-space-lg: 3rem;
  --apr-space-xl: 5rem;
  --apr-space-2xl: 7rem;

  /* --- Layout --- */
  --apr-container: 1240px;
  --apr-container-wide: 1440px;
  --apr-radius: 4px;          /* deliberately sharp — not rounded */
  --apr-radius-lg: 6px;

  /* --- Effects --- */
  --apr-border-steel: 1px solid var(--apr-brushed-steel);
  --apr-shadow-sm: 0 2px 8px rgba(26,32,44,0.08);
  --apr-shadow-md: 0 8px 24px rgba(26,32,44,0.14);
  --apr-shadow-lg: 0 18px 48px rgba(26,32,44,0.22);
  --apr-ease: cubic-bezier(0.16, 0.84, 0.44, 1);
  --apr-transition: 0.28s var(--apr-ease);
}