/* Leo Fund — Color tokens (v2, from official brand assets)
   The real identity is elegant & monochrome: black wordmark on warm cream, with an
   autumnal tan/brown accent family drawn from the "Fall Fest" sub-brand (script +
   leaf illustrations), and a signal red reserved for the "Donate Now" action.
   Neutrals are warm (cream paper, soft taupe lines, near-black ink). */
:root{
  /* Ink — brand primary (the logo's black) */
  --ink-50:#F3F1EE;
  --ink-100:#E2DED8;
  --ink-300:#A8A29A;
  --ink-500:#6E6860;
  --ink-600:#4B463F;
  --ink-700:#332F2A;
  --ink-800:#232019;
  --ink-900:#161310;

  /* Warm cream neutrals (Fall Fest paper) */
  --cream-50:#FBF7EF;
  --cream-100:#F4ECDD;
  --cream-200:#EADFC9;   /* Fall Fest background */
  --cream-300:#DECBAC;
  --white:#FFFFFF;

  /* Tan / harvest — warm accent scale (leaves + script) */
  --tan-50:#F7EFE1;
  --tan-100:#EDDCC0;
  --tan-200:#DDC298;
  --tan-300:#CBA870;
  --tan-400:#B79366;
  --tan-500:#A67C4E;
  --tan-600:#8A6E4B;   /* Fall Fest script brown */
  --tan-700:#6B5335;
  --tan-800:#4C3B25;

  /* Signal red — the Donate Now sticker */
  --red-500:#DC1A1A;
  --red-600:#B91212;
  --red-50:#FBE4E4;

  /* Status */
  --green-500:#4E7A4A;
  --green-50:#E9F0E6;
  --amber-status:#8A6E4B;

  /* ---- Semantic aliases (use these in components) ---- */
  --color-bg:var(--cream-100);
  --color-surface:var(--white);
  --color-surface-sunk:var(--cream-200);
  --color-surface-inverse:var(--ink-900);

  --text-strong:var(--ink-900);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-inverse:#F7EFE1;
  --text-on-brand:#FFFFFF;

  --border-default:var(--cream-300);
  --border-subtle:var(--cream-200);

  --brand-primary:var(--ink-900);
  --brand-primary-hover:var(--ink-700);
  --brand-primary-soft:var(--ink-50);
  --brand-accent:var(--tan-500);
  --brand-accent-hover:var(--tan-600);
  --brand-accent-soft:var(--tan-50);

  /* Donate / high-priority giving action */
  --donate:var(--red-500);
  --donate-hover:var(--red-600);
  --donate-soft:var(--red-50);

  --focus-ring:var(--tan-400);
  --link:var(--tan-700);
  --link-hover:var(--ink-900);

  --success:var(--green-500);
  --success-soft:var(--green-50);
  --danger:var(--red-500);
  --danger-soft:var(--red-50);
  --warning:var(--amber-status);
}