@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
--ink:#262420;--paper:#F7F6F3;--slate:#6E6659;--mist:#E4DFD3;--moss:#F0960A;--copper:#F0B46E;
--white:#FFFFFF;
--ink-70:#262420B3;--ink-40:#26242066;--ink-15:#26242026;
--moss-dark:#C97D00;--moss-light:#F5B54D;
--copper-dark:#C98A45;

--text-primary:var(--ink);
--text-secondary:var(--slate);
--text-on-dark:var(--paper);
--text-on-accent:var(--paper);
--text-link:var(--moss);
--text-link-hover:var(--moss-dark);

--surface-page:var(--paper);
--surface-card:var(--white);
--surface-panel:var(--mist);
--surface-inverse:var(--ink);
--surface-accent:var(--moss);
--surface-accent-hover:var(--moss-dark);

--border-subtle:var(--mist);
--border-default:#DCD3C2;
--border-strong:var(--slate);
--border-focus:var(--moss);

--accent:var(--moss);
--accent-hover:var(--moss-dark);
--accent-secondary:var(--copper);
--accent-secondary-hover:var(--copper-dark);
}

:root{
--font-display:"Inter Tight","Helvetica Neue",Arial,sans-serif;
--font-body:"Inter","Helvetica Neue",Arial,sans-serif;
--font-mono:"IBM Plex Mono","SFMono-Regular",Consolas,monospace;
}

:root{
--display-1:4.5rem; /* @kind font */
--display-2:3rem; /* @kind font */
--heading-1:2.25rem; /* @kind font */
--heading-2:1.75rem;
--heading-3:1.375rem;
--body-lg:1.25rem;
--body-md:1.0625rem;
--body-sm:0.9375rem;
--caption:0.8125rem;
--eyebrow:0.8125rem;

--lh-tight:1.08; /* @kind other */
--lh-snug:1.25; /* @kind other */
--lh-normal:1.5; /* @kind other */
--lh-relaxed:1.65; /* @kind other */

--tracking-tight:-0.02em; /* @kind other */
--tracking-normal:0; /* @kind other */
--tracking-wide:0.08em; /* @kind other */

--weight-regular:400; /* @kind other */
--weight-medium:500; /* @kind other */
--weight-semibold:600; /* @kind other */
}

:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--space-11:192px;

--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-pill:999px;

--container-max:1200px;
--gutter:24px;
}

:root{
--shadow-sm:0 1px 2px rgba(23,25,28,0.06);
--shadow-md:0 4px 16px rgba(23,25,28,0.08);
--shadow-lg:0 12px 32px rgba(23,25,28,0.10);
--border-width:1px; /* @kind spacing */
--stroke-icon:2px; /* @kind spacing */

--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:360ms; /* @kind other */
}

*,*::before,*::after{box-sizing:border-box}
body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);margin:0}
a{color:var(--text-link);text-decoration:underline}
a:hover{color:var(--text-link-hover)}

@media (max-width:767px){
:root{
--display-1:2.75rem;
--display-2:2rem;
}
}