/* Design tokens. Loaded site-wide because the header and footer templates
   render on every page and reference these variables. The rest of the home
   page stylesheet stays scoped to the home page. */

:root{
  --navy:#1F2D4A;
  --navy-deep:#1A2438;
  --ink-muted:#5A6B82;
  --vermillion:#D04A26;
  --vermillion-deep:#A83918;
  --white:#FFFFFF;
  --card:#F5F8FA;
  --card-hover:#EEF3F9;
  --rule:#DCE3EB;
  --rule-strong:#B8C6D6;
  --footer-text:#C9D3E0;
  --footer-muted:#9AA9BC;

  --serif:"Piazzolla",Georgia,"Times New Roman",serif;
  --sans:"Archivo","Helvetica Neue",Arial,sans-serif;

  --fs-12:.75rem;
  --fs-13:.8125rem;
  --fs-14:.875rem;
  --fs-16:1rem;
  --fs-18:1.125rem;
  --fs-20:1.25rem;
  --fs-24:1.5rem;
  --fs-30:1.875rem;
  --fs-34:2.125rem;
  --fs-40:2.5rem;

  --measure:66ch;
  --container:1180px;
  --gutter:24px;
  --radius:4px;

  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:128px;

  --ease-out:cubic-bezier(.16,1,.3,1);
}