/* design-system.css
   The Nicole Rodarte design-system token files and base.css that the export links,
   concatenated verbatim in the same order. The only edit: the Google Fonts @import
   for Inter in tokens/fonts.css is removed so the site makes no third-party requests.
   components.css is not included because the export uses none of its classes. */

/* ---- tokens/fonts.css ---- */
/* SF Pro is proprietary and was not supplied. Inter (variable) is the documented
   substitute; on Apple platforms the system-ui entry resolves to real SF Pro first. */
:root{
  --font-display:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;
  --font-text:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",sans-serif;
  --font-feature-display:"ss03" 1;
}

/* ---- tokens/colors.css ---- */
:root{
  /* base palette */
  --blue-action:#0066cc;
  --blue-focus:#0071e3;
  --blue-sky:#2997ff;
  --ink:#1d1d1f;
  --ink-80:#333333;
  --ink-48:#7a7a7a;
  --white:#ffffff;
  --parchment:#f5f5f7;
  --pearl:#fafafc;
  --gray-chip:#d2d2d7;
  --gray-muted:#cccccc;
  --divider-soft:#f0f0f0;
  --hairline:#e0e0e0;
  --tile-1:#272729;
  --tile-2:#2a2a2c;
  --tile-3:#252527;
  --black:#000000;

  /* semantic — action */
  --color-primary:var(--blue-action);
  --color-primary-focus:var(--blue-focus);
  --color-primary-on-dark:var(--blue-sky);
  --color-on-primary:var(--white);

  /* semantic — surfaces */
  --surface-canvas:var(--white);
  --surface-parchment:var(--parchment);
  --surface-pearl:var(--pearl);
  --surface-tile-1:var(--tile-1);
  --surface-tile-2:var(--tile-2);
  --surface-tile-3:var(--tile-3);
  --surface-black:var(--black);
  --surface-chip:rgba(210,210,215,.64);

  /* semantic — text */
  --text-ink:var(--ink);
  --text-body:var(--ink);
  --text-muted:var(--ink-48);
  --text-soft:var(--ink-80);
  --text-on-dark:var(--white);
  --text-on-dark-muted:var(--gray-muted);

  /* semantic — lines */
  --border-hairline:var(--hairline);
  --border-soft:rgba(0,0,0,.04);
  --border-card:rgba(0,0,0,.08);
}

/* ---- tokens/typography.css ---- */
:root{
  --type-hero-display:600 56px/1.07 var(--font-display);
  --type-hero-display-tracking:-0.28px;
  --type-display-lg:600 40px/1.1 var(--font-display);
  --type-display-md:600 34px/1.47 var(--font-text);
  --type-lead:400 28px/1.14 var(--font-display);
  --type-lead-airy:300 24px/1.5 var(--font-text);
  --type-tagline:600 21px/1.19 var(--font-display);
  --type-body-strong:600 17px/1.24 var(--font-text);
  --type-body:400 17px/1.47 var(--font-text);
  --type-dense-link:400 17px/2.41 var(--font-text);
  --type-caption:400 14px/1.43 var(--font-text);
  --type-caption-strong:600 14px/1.29 var(--font-text);
  --type-button-large:300 18px/1 var(--font-text);
  --type-button-utility:400 14px/1.29 var(--font-text);
  --type-fine-print:400 12px/1 var(--font-text);
  --type-micro-legal:400 10px/1.3 var(--font-text);
  --type-nav-link:400 12px/1 var(--font-text);
}
.type-hero-display{font:var(--type-hero-display);letter-spacing:-0.28px}
.type-display-lg{font:var(--type-display-lg);letter-spacing:0}
.type-display-md{font:var(--type-display-md);letter-spacing:-0.374px}
.type-lead{font:var(--type-lead);letter-spacing:0.196px}
.type-lead-airy{font:var(--type-lead-airy);letter-spacing:0}
.type-tagline{font:var(--type-tagline);letter-spacing:0.231px}
.type-body-strong{font:var(--type-body-strong);letter-spacing:-0.374px}
.type-body{font:var(--type-body);letter-spacing:-0.374px}
.type-dense-link{font:var(--type-dense-link);letter-spacing:0}
.type-caption{font:var(--type-caption);letter-spacing:-0.224px}
.type-caption-strong{font:var(--type-caption-strong);letter-spacing:-0.224px}
.type-button-large{font:var(--type-button-large);letter-spacing:0}
.type-button-utility{font:var(--type-button-utility);letter-spacing:-0.224px}
.type-fine-print{font:var(--type-fine-print);letter-spacing:-0.12px}
.type-micro-legal{font:var(--type-micro-legal);letter-spacing:-0.08px}
.type-nav-link{font:var(--type-nav-link);letter-spacing:-0.12px}

/* ---- tokens/spacing.css ---- */
:root{
  --space-xxs:4px;
  --space-xs:8px;
  --space-sm:12px;
  --space-md:17px;
  --space-lg:24px;
  --space-xl:32px;
  --space-xxl:48px;
  --space-section:80px;
  --space-section-tight:48px;
  --gutter-grid:24px;
  --container-text:980px;
  --container-wide:1440px;
  --nav-height:44px;
  --subnav-height:52px;
  --sticky-bar-height:64px;
}

/* ---- tokens/radius.css ---- */
:root{
  --radius-none:0px;
  --radius-xs:5px;
  --radius-sm:8px;
  --radius-md:11px;
  --radius-lg:18px;
  --radius-pill:9999px;
  --radius-full:9999px;
}

/* ---- tokens/elevation.css ---- */
:root{
  /* the one shadow in the system — product/photographic imagery only */
  --shadow-product:rgba(0,0,0,.22) 3px 5px 30px 0;
  --blur-frost:saturate(180%) blur(20px); /* @kind other */
  --press-scale:0.95; /* @kind other */
  --ease-standard:cubic-bezier(.4,0,.6,1); /* @kind other */
  --duration-fast:180ms; /* @kind other */
}

/* ---- css/base.css ---- */
*{box-sizing:border-box}
body{margin:0;background:var(--surface-canvas);color:var(--text-body);font:var(--type-body);letter-spacing:-0.374px;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;color:var(--text-ink)}
h1{font:var(--type-hero-display);letter-spacing:-0.28px}
h2{font:var(--type-display-lg)}
h3{font:var(--type-display-md);letter-spacing:-0.374px}
h4{font:var(--type-tagline);letter-spacing:0.231px}
p{margin:0}
a{color:var(--color-primary);text-decoration:none}
a:hover{text-decoration:underline}
a:active{opacity:.7}
.on-dark a,a.on-dark{color:var(--color-primary-on-dark)}
img{display:block;max-width:100%}
::selection{background:rgba(0,102,204,.18)}