/* assets/css/tokens.css */
:root {
  /* Colours - extracted from Nkuthobano brand */
  --color-primary:    #0D3B6E;
  --color-secondary:  #00B4D4;
  --color-accent:     #00B4D4;
  --color-surface:    #F4F6F9;
  --color-dark:       #1C1C1C;
  --color-muted:      #5A6472;
  --color-white:      #FFFFFF;

  /* Typography */
  --font-heading:     'Barlow Condensed', sans-serif;
  --font-body:        'Inter', sans-serif;

  /* Scale */
  --text-hero:        clamp(2.5rem, 5vw, 4rem);
  --text-h2:          clamp(1.75rem, 3vw, 2.5rem);
  --text-h3:          clamp(1.25rem, 2vw, 1.75rem);
  --text-body:        1rem;
  --text-small:       0.875rem;

  /* Layout */
  --spacing-section:  5rem;
  --spacing-gap:      1.5rem;
  --max-width:        1200px;
  --page-gutter:      clamp(1.5rem, 4vw, 3rem);
  --page-gutter-mobile: 1.5rem;

  /* Components */
  --radius-card:      16px;
  --radius-btn:       6px;
  --shadow-card:      0 4px 16px rgba(13, 59, 110, 0.10);
  --transition-base:  200ms ease;
}