@layer site-tokens {
:root { color-scheme: dark; --hp-amber: #b97e26; --hp-bg: #081310; --hp-danger: #ff2a5c; --hp-glow: color-mix(in oklab, var(--hp-mint) 35%, transparent); --hp-ink: #e8fff6; --hp-ink-2: color-mix(in oklab, var(--hp-ink) 72%, var(--hp-bg)); --hp-ink-3: color-mix(in oklab, var(--hp-ink) 50%, var(--hp-bg)); --hp-jade: #0f8c68; --hp-jade-bright: #23c592; --hp-jade-deep: #0a5f47; --hp-line: color-mix(in oklab, var(--hp-ink) 12%, transparent); --hp-line-2: color-mix(in oklab, var(--hp-ink) 20%, transparent); --hp-mint: #2fd6a3; --hp-surface: #0b1f17; --hp-surface-2: color-mix(in oklab, var(--hp-surface) 82%, #e8fff6 6%); --hp-font: "Inter", Nimbus Sans, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --hp-display: "Space Grotesk", "Inter", Nimbus Sans, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; --hp-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --hp-display-w: 700; --hp-ease: cubic-bezier(0.215,0.61,0.355,1); --hp-ease-back: cubic-bezier(0.34,1.56,0.64,1); --hp-rise: 900ms; --hp-r-lg: 12px; --hp-r-md: 10px; --hp-r-pill: 999px; --hp-r-sm: 8px; --hp-r-xl: 16px; --hp-shadow: 0 1px 0 color-mix(in oklab, var(--hp-ink) 6%, transparent) inset, 0 24px 60px -24px rgb(0 0 0 / .55); --hp-gutter: clamp(16px, 4vw, 40px); --hp-nav-h: 68px; --hp-sec-pad: clamp(64px, 10vw, 128px); --hp-sticky-h: 64px; --hp-wrap: 1200px; --hp-z-base: 0; --hp-z-modal: 90; --hp-z-nav: 60; --hp-z-raise: 10; --hp-z-skip: 100; --hp-z-sticky: 50; }
:root[data-theme="light"] { color-scheme: light; --hp-bg: #f4faf7; --hp-glow: color-mix(in oklab, #0f8c68 22%, transparent); --hp-ink: #0b1f17; --hp-ink-2: color-mix(in oklab, #0b1f17 72%, #f4faf7); --hp-ink-3: color-mix(in oklab, #0b1f17 52%, #f4faf7); --hp-line: color-mix(in oklab, #0b1f17 12%, transparent); --hp-line-2: color-mix(in oklab, #0b1f17 20%, transparent); --hp-mint: #0f8c68; --hp-surface: #ffffff; --hp-surface-2: #eaf5f0; --hp-shadow: 0 1px 0 #fff inset, 0 24px 60px -28px rgb(11 31 23 / .28); }
}