:root {
  /* ---- Brand palette ----
     Obsidian Slate  #0B131E  gravitas / dark bands + primary text
     Azure Cobalt    #0062AD  single architectural accent
     Titanium Grey   #8E9AAF  structural neutral / muted
     Alabaster Void  #F8FAFC  background                              */

  /* Light surfaces */
  --bg:           #F8FAFC;
  --bg2:          #F1F5F9;
  --bg3:          #E7EDF4;
  --surface:      #FFFFFF;
  --border:       rgba(11, 19, 30, 0.10);
  --border-hover: rgba(0, 98, 173, 0.42);
  --accent:       #0062AD;
  --accent-strong:#004E86;
  --accent-soft:  #4B93CE;
  --accent2:      #004E86;
  --accent-dim:   rgba(0, 98, 173, 0.08);
  --text:         #0B131E;
  --mid:          #46566B;
  --muted:        #8E9AAF;
  --white:        #FFFFFF;

  /* Obsidian ink bands: hero, footer, CTA */
  --ink:          #0B131E;
  --ink2:         #111D2C;
  --ink-surface:  #16253A;
  --ink-border:   rgba(255, 255, 255, 0.12);
  --ink-text:     #F8FAFC;
  --ink-mid:      #A9B6C9;

  /* Logo mark (context-aware; overridden on dark bands) */
  --mark-line:  #0B131E;
  --mark-top:   #0062AD;
  --mark-left:  #8E9AAF;
  --mark-right: #0B131E;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(11, 19, 30, 0.06);
  --shadow-md: 0 14px 30px -14px rgba(11, 19, 30, 0.20);

  /* Typography */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* Spacing scale */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 100px;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;

  /* Transitions */
  --transition: 0.25s ease;
  --transition-slow: 0.5s ease;
}