/* Asaan Filer design tokens — extracted from hikmahinstitute.org.pk (2026-07-29).
   Contrast-audited per landing spec §2. Rules:
   - TEXT-SAFE on white/#F2F2F2: --af-text, --af-dark, --af-primary, --af-accent
   - NEVER as text or small labels (AA fail): --af-gold, --af-sky, --af-orange, --af-green
     → accents, borders, backgrounds, big icons, chips-with-dark-text only
   - WHITE TEXT only on: --af-primary, --af-accent, --af-accent-dark, --af-dark */
:root {
  --af-primary:      #34495E;  /* nav, headings, footer bg */
  --af-accent:       #006BD5;  /* links, primary buttons (5.17 w/ white text) */
  --af-accent-dark:  #0056AB;  /* hover for buttons/links */
  --af-gold:         #FFDF00;  /* accent/border/underline ONLY — 1.33 as text */
  --af-orange:       #E67E22;  /* amber accents/chips ONLY */
  --af-green:        #27AE60;  /* success icons/chips ONLY */
  --af-sky:          #1BA3D9;  /* info accents/chips ONLY */
  --af-dark:         #1E1F25;  /* headline text */
  --af-black:        #161616;
  --af-text:         #666666;  /* body — darkened from hikmah #727272 for AA */
  --af-grey-light:   #F2F2F2;  /* alt section bg */
  --af-accent-tint:  #EAF3FC;  /* selected-card bg ONLY — never text */
  --af-grey-border:  #DADADA;  /* borders, pending status */
  --af-white:        #FFFFFF;

  /* status tracker */
  --af-status-done:     var(--af-green);
  --af-status-progress: var(--af-sky);
  --af-status-pending:  var(--af-grey-border);

  --af-font-heading: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --af-font-body:    'Raleway', 'Helvetica Neue', Arial, sans-serif;
  --af-font-number:  'Roboto', 'Helvetica Neue', Arial, sans-serif;

  --af-radius: 10px;
  --af-shadow: 0 2px 12px rgba(22, 22, 22, 0.08);
}

::selection { background: var(--af-accent); color: var(--af-white); }

:focus-visible { outline: 2px solid var(--af-accent); outline-offset: 2px; }