:root{
/* Apple-style SF stack. --font-display for large type (SF Pro Display), --font-sans for text sizes.
   Real SF Pro resolves locally on Apple devices; Inter is the cross-platform fallback. */
--font-display:'SF Pro Display','SF Pro Text',-apple-system,BlinkMacSystemFont,'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
--font-sans:'SF Pro Text','SF Pro Display',-apple-system,BlinkMacSystemFont,'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
/* Scale */
--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--text-5xl:64px;
/* Weights */
--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;
/* Leading */
--leading-tight:1.1;--leading-snug:1.3;--leading-body:1.6;
/* Brand letterspacing — wide tracked caps are the core type motif.
   Apple tightens large type: use --tracking-display on 36px+, --tracking-tight on 22–32px. */
--tracking-caps:.22em;--tracking-wide:.08em;--tracking-tight:-0.01em;--tracking-display:-0.022em;
}
body{font-family:var(--font-sans);color:var(--text-body);background:var(--surface-page);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}
a{color:var(--accent-deep);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--accent-hover)}