/* ============================================================
   VARIABLES — Compass North Solutions (UK) Ltd
   Change a value here and it updates everywhere on the site.
   This is the file to edit for a rebrand or a colour tweak.
   ============================================================ */
:root{
  /* --- colour --- */
  --black:        #0A0D11;
  --black-soft:   #10151C;
  --black-card:   #141A22;
  --black-border: #232C38;

  --gold:         #C5973A;
  --gold-light:   #D9AE56;
  --gold-dim:     #7A5E22;

  --teal:         #1A9485;
  --teal-light:   #4FB3A6;
  --teal-dark:    #0F5F56;

  --crimson:      #B52A2A;
  --steel:        #2C3E50;

  --white:        #F5F3EE;
  --white-soft:   #C9C6BF;
  --gray:         #83868C;
  --gray-light:   #ABAEB3;

  /* --- type ---
     Display: a steady, editorial serif for headings — used for
     headings and brand mark only, never for body copy.
     Body: a clean, professional sans for everything people read.
     Mono: data only — badges, stats, certification codes. */
  --font-display: 'Source Serif 4', 'Georgia', serif;
  --font-body:    'Outfit', 'Helvetica Neue', sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* --- spacing scale --- */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 6.5rem;

  /* --- radius / shadow / motion --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-card: 0 6px 20px rgba(0,0,0,0.35);
  --ease-out: cubic-bezier(0.16,1,0.3,1);
  --dur-fast: 0.15s;
  --dur-mid: 0.3s;

  /* --- layout --- */
  --nav-height: 72px;
  --max-width: 1200px;
  --content-width: 900px;

  /* --- responsive container padding (overridden in responsive.css) --- */
  --container-pad: 2rem;
}