/* =========================================================
   SAHIHI MEDIA – BRAND TOKENS
   Colours sampled from the official logo (blue #20409A, red #E61E25).
   Change them here and the whole site (public + admin) updates.
   ========================================================= */
:root {
  --brand-primary:       #20409a;   /* main brand colour (headings, dark sections, buttons) */
  --brand-primary-600:   #162d70;   /* darker shade (hover, footer) */
  --brand-accent:        #e61e25;   /* highlight colour (CTAs, icons, underline accents) */
  --brand-accent-600:    #c0151b;   /* accent hover */
  --on-accent:           #ffffff;   /* text colour on red buttons */
  --brand-primary-300:   #4a6bc4;   /* lighter blue for gradients */
  --brand-ink:           #101828;   /* body text */
  --brand-muted:         #667085;   /* secondary text */
  --brand-surface:       #f6f7f9;   /* light section background */
  --brand-border:        #e4e7ec;

  --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --radius:    14px;
  --radius-lg: 22px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .08);
  --shadow-md: 0 10px 30px -12px rgba(16, 24, 40, .18);
  --shadow-lg: 0 30px 60px -20px rgba(32, 64, 154, .35);
}