/* ============================================================
   UFJL, Design Tokens
   Sampled from the United Front for Jewish Life logo.
   Edit values here to retune the entire site.
   ============================================================ */

:root {
  /* Brand colors */
  --navy:        #2A3B8F;   /* core navy from the logo */
  --navy-2:      #1E2A6A;
  --navy-ink:    #141C4A;   /* deep navy for text/depth */
  --gold:        #F2A81D;   /* CTA / accent */
  --gold-soft:   #F6C25A;
  --paper:       #F6F2E7;   /* warm canvas */
  --paper-2:     #ECE5D0;
  --ink:         #14161C;
  --muted:       #5A6070;
  --rule:        #141C4A;
  --alarm:       #C8102E;
  --line:        #cfc6a9;
  --line-soft:   #e3dcc6;

  /* Aliases (used by donate + contact inline styles) */
  --cream:       #FBF7EA;   /* warm card surface */
  --ink-soft:    #5A6070;   /* alias of --muted */

  /* Type */
  --f-display: "Inter", system-ui, -apple-system, sans-serif;
  --f-serif:   "Fraunces", Georgia, serif;
  --f-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --f-body:    "Inter", system-ui, sans-serif;

  /* Layout */
  --max:       1240px;
  --gutter:    clamp(20px, 4vw, 56px);

  /* Effects */
  --shadow-1: 0 1px 2px rgba(20,28,74,.06), 0 4px 16px rgba(20,28,74,.04);
  --shadow-2: 0 2px 6px rgba(20,28,74,.08), 0 18px 40px rgba(20,28,74,.10);
  --radius:   3px;
}