/* ===================================================================
   Access Funding Network — Design Tokens (Emerald Trust)
   Single source of truth. Every page inherits these variables.
   Change a value here and it propagates site-wide.
   =================================================================== */

:root {
  /* --- Brand palette: Emerald Trust --- */
  --afn-primary:        #0E7C5A;  /* emerald — headlines, nav, primary UI */
  --afn-primary-dark:   #0A6347;  /* hover/active on primary */
  --afn-primary-darker: #074733;  /* text on tint, deep accents */
  --afn-accent:         #F5A623;  /* gold — CTAs only (highest contrast element) */
  --afn-accent-dark:    #E0951A;  /* CTA hover */
  --afn-accent-text:    #14241F;  /* dark text that sits on the gold CTA */

  --afn-ink:            #14241F;  /* near-black, green-tinted — body headings */
  --afn-body:           #2C3A35;  /* body copy */
  --afn-muted:          #5A6B64;  /* secondary text, labels */
  --afn-faint:          #8A968F;  /* hints, captions */

  --afn-tint:           #E8F3EE;  /* light emerald wash — badges, fills */
  --afn-tint-2:         #D4E9DF;  /* slightly deeper wash */
  --afn-surface:        #FBFAF7;  /* warm off-white page background */
  --afn-card:           #FFFFFF;  /* cards, form */
  --afn-border:         #E2E0D8;  /* hairline borders */
  --afn-border-strong:  #CFCDC2;  /* emphasized borders, inputs */

  /* --- Semantic --- */
  --afn-success:        #0E7C5A;
  --afn-success-tint:   #E8F3EE;
  --afn-error:          #C0392B;
  --afn-error-tint:     #FBEAE8;
  --afn-warning:        #B9770A;
  --afn-warning-tint:   #FBF1DE;

  /* --- Typography --- */
  --afn-font: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --afn-fs-xs:   0.8125rem;  /* 13px */
  --afn-fs-sm:   0.9375rem;  /* 15px */
  --afn-fs-base: 1.0625rem;  /* 17px — comfortable body */
  --afn-fs-lg:   1.25rem;    /* 20px */
  --afn-fs-xl:   1.75rem;    /* 28px */
  --afn-fs-2xl:  2.5rem;     /* 40px */
  --afn-fs-3xl:  3.25rem;    /* 52px hero */
  --afn-lh-tight: 1.12;
  --afn-lh-snug:  1.35;
  --afn-lh-body:  1.65;

  /* --- Spacing / layout --- */
  --afn-maxw:      1140px;   /* full content width */
  --afn-maxw-prose: 720px;   /* readable column for articles */
  --afn-radius:    10px;
  --afn-radius-lg: 16px;
  --afn-radius-pill: 999px;
  --afn-gap:       1.5rem;

  /* --- Elevation (used sparingly — finance reads cleaner flat) --- */
  --afn-shadow-sm: 0 1px 2px rgba(20, 36, 31, 0.06);
  --afn-shadow-md: 0 4px 16px rgba(20, 36, 31, 0.08);
  --afn-shadow-lg: 0 12px 40px rgba(20, 36, 31, 0.12);

  --afn-ring: 0 0 0 3px rgba(14, 124, 90, 0.22);  /* focus ring */
}