/* Inter — weights 400/500/600 (550 is synthesized via variable axis where available).
   Inconsolata 400 for mono captions. Sources: Google Fonts static CDN (gstatic).
   NOTE: no original font binaries were supplied with the brand kit; these are the
   canonical upstream families named in the source spec, served from Google Fonts. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_svgWCoUQKvKlU.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inconsolata";font-style:normal;font-weight:200 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inconsolata/v32/QlddNThLqRwH-OJ1UHjlKENVzlm-WkL3GZQmAwPyya15.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
/* base — brand */
--primary:#0b0b0d;
--on-primary:#ffffff;
/* base — chromatic accents (five-stop category palette) */
--accent-purple:#6e42f5;
--accent-pink:#f24ec2;
--accent-blue:#2f8bff;
--accent-blue-deep:#0060c9;
--accent-blue-info:#1668f0;
--accent-orange:#ff7a1a;
--accent-green:#12c94a;
--accent-yellow:#ffb020;
--accent-red:#e83a4e;
/* base — ink ramp */
--ink:#0b0b0d;
--ink-strong:#242424;
--body:#3a3a3a;
--body-mid:#5c5c5c;
--mute:#8a8a8a;
--mute-soft:#acacac;
--hairline:#dcdcdc;
--canvas:#ffffff;

/* semantic — text */
--text-heading:var(--ink);
--text-emphasis:var(--ink-strong);
--text-body:var(--body);
--text-secondary:var(--body-mid);
--text-muted:var(--mute);
--text-placeholder:var(--mute-soft);
--text-on-dark:var(--on-primary);
--text-link:var(--accent-blue-deep);
--text-link-hover:var(--ink);

/* semantic — surface */
--surface-page:var(--canvas);
--surface-card:var(--canvas);
--surface-card-dark:var(--primary);
--surface-inverse:var(--primary);
--border-hairline:var(--hairline);

/* semantic — action */
--action-primary-bg:var(--primary);
--action-primary-fg:var(--on-primary);
--action-primary-bg-hover:#242424;
--action-primary-bg-active:#000000;
--action-secondary-bg:var(--canvas);
--action-secondary-fg:var(--ink);
--action-secondary-border:var(--hairline);
--action-secondary-bg-hover:#f5f5f5;
--action-disabled-bg:#f0f0f0;
--action-disabled-fg:var(--mute-soft);

/* semantic — status */
--status-info:var(--accent-blue-info);
--status-success:var(--accent-green);
--status-warning:var(--accent-yellow);
--status-error:var(--accent-red);

/* semantic — category fills */
--category-purple:var(--accent-purple);
--category-pink:var(--accent-pink);
--category-blue:var(--accent-blue);
--category-orange:var(--accent-orange);
--category-green:var(--accent-green);
--category-fg-light:var(--on-primary);
--category-fg-dark:var(--primary);
}
:root{
--radius-none:0px;
--radius-xs:2px;
--radius-sm:4px;
--radius-md:8px;
--radius-full:9999px;
/* semantic */
--radius-button:var(--radius-sm);
--radius-badge:var(--radius-sm);
--radius-input:var(--radius-sm);
--radius-card:var(--radius-md);
--radius-icon-button:var(--radius-full);
}
:root{
--space-xxs:2px;
--space-xs:4px;
--space-sm:8px;
--space-md:12px;
--space-lg:16px;
--space-xl:20px;
--space-2xl:24px;
--space-3xl:32px;
/* semantic */
--pad-button:var(--space-md) var(--space-xl);
--pad-input:var(--space-md) var(--space-lg);
--pad-card:var(--space-3xl);
--pad-badge:var(--space-xs) var(--space-sm);
--pad-nav:var(--space-lg) var(--space-3xl);
--pad-band:var(--space-3xl);
--gutter-page:var(--space-3xl);
--band-vertical:96px;
--container-max:1280px;
/* breakpoints (reference) */
--bp-mobile-large:479px;
--bp-tablet:768px;
--bp-desktop:992px;
}
:root{
--font-sans:"Inter",system-ui,-apple-system,sans-serif;
--font-mono:"Inconsolata",ui-monospace,SFMono-Regular,Menlo,monospace;

--weight-regular:400;
--weight-medium:500;
--weight-caption:550;
--weight-semibold:600;

--text-display-xxl-size:80px;--text-display-xxl-line:83.2px;--text-display-xxl-track:-0.8px;--text-display-xxl-weight:600;
--text-display-xl-size:56px;--text-display-xl-line:58.24px;--text-display-xl-track:0px;--text-display-xl-weight:600;
--text-display-lg-size:44.8px;--text-display-lg-line:46.6px;--text-display-lg-track:0px;--text-display-lg-weight:600;
--text-display-md-size:32px;--text-display-md-line:41.6px;--text-display-md-track:0px;--text-display-md-weight:500;
--text-display-sm-size:24px;--text-display-sm-line:31.2px;--text-display-sm-track:0px;--text-display-sm-weight:500;
--text-display-xs-size:20px;--text-display-xs-line:28px;--text-display-xs-track:0px;--text-display-xs-weight:500;
--text-eyebrow-size:15px;--text-eyebrow-line:19.5px;--text-eyebrow-track:1.5px;--text-eyebrow-weight:500;
--text-eyebrow-sm-size:12px;--text-eyebrow-sm-line:12px;--text-eyebrow-sm-track:0.6px;--text-eyebrow-sm-weight:500;
--text-body-lg-size:28.8px;--text-body-lg-line:46.08px;--text-body-lg-track:-0.288px;--text-body-lg-weight:400;
--text-body-md-size:16px;--text-body-md-line:25.6px;--text-body-md-track:-0.16px;--text-body-md-weight:400;
--text-body-md-strong-weight:500;
--text-body-sm-size:14px;--text-body-sm-line:22.4px;--text-body-sm-track:0px;--text-body-sm-weight:400;
--text-body-sm-strong-weight:500;
--text-caption-size:12.8px;--text-caption-line:15.36px;--text-caption-track:0px;--text-caption-weight:550;
--text-caption-mono-size:12px;--text-caption-mono-line:18px;--text-caption-mono-weight:400;
--text-button-size:16px;--text-button-line:25.6px;--text-button-track:-0.16px;--text-button-weight:500;
}
.peppy-display-xxl{font-family:var(--font-sans);font-size:var(--text-display-xxl-size);line-height:var(--text-display-xxl-line);letter-spacing:var(--text-display-xxl-track);font-weight:var(--text-display-xxl-weight)}
.peppy-display-xl{font-family:var(--font-sans);font-size:var(--text-display-xl-size);line-height:var(--text-display-xl-line);font-weight:var(--text-display-xl-weight)}
.peppy-display-lg{font-family:var(--font-sans);font-size:var(--text-display-lg-size);line-height:var(--text-display-lg-line);font-weight:var(--text-display-lg-weight)}
.peppy-display-md{font-family:var(--font-sans);font-size:var(--text-display-md-size);line-height:var(--text-display-md-line);font-weight:var(--text-display-md-weight)}
.peppy-display-sm{font-family:var(--font-sans);font-size:var(--text-display-sm-size);line-height:var(--text-display-sm-line);font-weight:var(--text-display-sm-weight)}
.peppy-display-xs{font-family:var(--font-sans);font-size:var(--text-display-xs-size);line-height:var(--text-display-xs-line);font-weight:var(--text-display-xs-weight)}
.peppy-eyebrow{font-family:var(--font-sans);font-size:var(--text-eyebrow-size);line-height:var(--text-eyebrow-line);letter-spacing:var(--text-eyebrow-track);font-weight:var(--text-eyebrow-weight);text-transform:uppercase}
.peppy-eyebrow-sm{font-family:var(--font-sans);font-size:var(--text-eyebrow-sm-size);line-height:var(--text-eyebrow-sm-line);letter-spacing:var(--text-eyebrow-sm-track);font-weight:var(--text-eyebrow-sm-weight);text-transform:uppercase}
.peppy-body-lg{font-family:var(--font-sans);font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-line);letter-spacing:var(--text-body-lg-track);font-weight:var(--text-body-lg-weight)}
.peppy-body-md{font-family:var(--font-sans);font-size:var(--text-body-md-size);line-height:var(--text-body-md-line);letter-spacing:var(--text-body-md-track);font-weight:var(--text-body-md-weight)}
.peppy-body-sm{font-family:var(--font-sans);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-line);font-weight:var(--text-body-sm-weight)}
.peppy-caption{font-family:var(--font-sans);font-size:var(--text-caption-size);line-height:var(--text-caption-line);font-weight:var(--text-caption-weight)}
.peppy-caption-mono{font-family:var(--font-mono);font-size:var(--text-caption-mono-size);line-height:var(--text-caption-mono-line);font-weight:var(--text-caption-mono-weight)}
:root{
--elevation-0:none;
--elevation-1-border:1px solid var(--hairline);
--elevation-2:0 84px 24px rgba(0,0,0,0),0 54px 22px rgba(0,0,0,0.01),0 30px 18px rgba(0,0,0,0.04),0 13px 13px rgba(0,0,0,0.08),0 3px 7px rgba(0,0,0,0.09);
--elevation-3:0 84px 24px rgba(0,0,0,0),0 54px 22px rgba(0,0,0,0.02),0 30px 18px rgba(0,0,0,0.05),0 13px 13px rgba(0,0,0,0.10),0 3px 7px rgba(0,0,0,0.12);
--elevation-4:0 84px 34px rgba(0,0,0,0.02),0 47px 28px rgba(0,0,0,0.09),0 24px 24px rgba(0,0,0,0.26),0 6px 13px rgba(0,0,0,0.29);
/* motion */
--ease-standard:cubic-bezier(0.4,0,0.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:180ms; /* @kind other */
--duration-slow:280ms; /* @kind other */
}