/* SiteUp design tokens. Source of truth: DESIGN.md
   Use these variables in the Astro site; every SiteUp component reads from them. */
:root{
  /* color: brand */
  --su-ultra:#2B44E0;        /* the ONLY accent */
  --su-ultra-700:#2236B8;    /* accent hover/pressed */
  --su-up:#B9C4FF;           /* the raised "up" and accents on dark surfaces */
  --su-night:#0F1A3D;        /* text, dark surfaces */
  --su-ice:#D6DDFB;          /* tinted surfaces */
  --su-dawn:#F1F4FF;         /* page background */
  --su-white:#FDFDFF;        /* raised surfaces */
  /* color: neutrals (tinted toward the accent) */
  --su-ink-600:#4E5875;      /* secondary text, 7.0:1 on white */
  --su-ink-400:#8791B0;      /* placeholder, icons (not body text) */
  --su-line:#DCE1F2;         /* borders, dividers */
  --su-on-dark-muted:#C9D0EE;/* secondary text on night */
  /* color: semantic (status only, never decoration) */
  --su-success:#157A55; --su-success-bg:#E3F4EC;
  --su-danger:#B42318;  --su-danger-bg:#FCE8E6;
  --su-warn:#6B4E00;    --su-warn-bg:#FFF4D6;

  /* type */
  --su-font:"Assistant","Arial Hebrew",Arial,sans-serif;
  --su-font-mark:"Manrope",Arial,sans-serif; /* wordmark + Latin brand name only */
  --su-text-xs:14px; --su-text-sm:16px; --su-text-md:17px; --su-text-lg:19px;
  --su-text-xl:22px; --su-text-2xl:28px; --su-text-3xl:clamp(28px,3.4vw,40px); --su-text-display:clamp(38px,5.6vw,68px);
  --su-leading-tight:1.08; --su-leading-snug:1.25; --su-leading-body:1.65;
  --su-track-display:-.03em; --su-track-heading:-.02em;

  /* space (4px base) */
  --su-s1:4px; --su-s2:8px; --su-s3:12px; --su-s4:16px; --su-s5:20px; --su-s6:24px;
  --su-s8:32px; --su-s10:40px; --su-s14:56px; --su-s18:72px; --su-s24:96px;

  /* radius: one system */
  --su-r-input:12px; --su-r-card:16px; --su-r-panel:24px; --su-r-pill:999px;

  /* elevation (tinted to night) */
  --su-shadow-1:0 1px 0 var(--su-line);
  --su-shadow-2:0 1px 0 var(--su-line),0 18px 40px -24px rgba(15,26,61,.35);
  --su-shadow-3:0 30px 60px -30px rgba(15,26,61,.45);

  /* motion */
  --su-ease-out:cubic-bezier(.23,1,.32,1);
  --su-dur-press:140ms; --su-dur-ui:220ms;

  /* layout */
  --su-container:1180px; --su-gutter:28px;
}
@media (max-width:820px){:root{--su-gutter:16px}}