/* ──────────────────────────────────────────────────
   Brydan Solutions — Design Tokens & Base Reset
   Used by: all pages site-wide
   Phase 1 of CSS refactor
   ────────────────────────────────────────────────── */

:root {
  --navy:        #0d1b2e;
  --navy-mid:    #112240;
  --navy-light:  #1a3050;
  --blue:        #0e6cc4;
  --blue-h:      #0a5aa8;
  --blue-light:  #3a8fd4;
  --blue-pale:   #e8f2fb;
  --blue-muted:  #6aa4cc; /* for text on dark bg — readable */
  --orange:      #e8500a;
  --orange-h:    #d04408;
  --gold:        #f5a623;
  --white:       #ffffff;
  --offwhite:    #f7f9fc;
  --light-gray:  #eef1f6;
  --mid-gray:    #4e5d70;
  --dark-text:   #1a2535;
  --body-text:   #4a5568;
  --border:      #dde3ed;
  --radius:      6px;
  --shadow:      0 4px 20px rgba(0,0,0,0.08);
  --shadow-h:    0 8px 32px rgba(0,0,0,0.14);
  /* On-dark readable blue — NOT the dark --blue on dark bg */
  --blue-on-dark: #7ec8f0;
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
section[id], div[id], article[id] { scroll-margin-top:80px; }
body {
  font-family:'Barlow',sans-serif;
  background:var(--white);
  color:var(--body-text);
  line-height:1.65;
  overflow-x:hidden;
}
a { text-decoration:none; color:inherit; }
img { display:block; max-width:100%; }