/* PJE: values the components and base styles use that tokens.json does not declare. */
:root{
--font-display:var(--font-serif);--font-body:var(--font-sans);
--fs-display:56px;--fs-h1:40px;--fs-h2:32px;--fs-h3:24px;--fs-h4:20px;--fs-lead:20px;--fs-body:17px;--fs-small:14px;--fs-legal:12px;--fs-eyebrow:13px;
--lh-tight:1.15;--lh-heading:1.25;--lh-body:1.6;
--fw-regular:400;--fw-bold:700;
--tracking-caps:0.14em;--tracking-eyebrow:0.18em;--tracking-normal:0;
--ease-standard:cubic-bezier(.2,0,0,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:400ms;
}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-2);background:var(--surface-page)}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-regular);color:var(--fg-1);line-height:var(--lh-heading);margin:0;text-wrap:balance}
p{text-wrap:pretty}
a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--link-hover)}
::selection{background:var(--turq-200);color:var(--navy-950)}
