/* Green Partner — generated from tokens.json */
:root, [data-theme="light"] { --gp-lime: #7cb202; --gp-black: #060605; --surface: #ffffff; --surface-alt: #f2f6e9; --surface-raised: #ffffff; --surface-inverse: #0b0c09; --surface-inverse-raised: #22261c; --ink: #111210; --ink-muted: #545a4b; --surface-pressed: #e6edd6; --scrim: #0b0c0999; --line: #d9e0cb; --lime-ink: #4a6f00; --lime-hover: #8cc414; --on-lime: #0b0c09; --on-inverse: #ffffff; --on-inverse-muted: #c4c9ba; --accent-on-inverse: var(--gp-lime); --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #4a6f00; }
[data-theme="dark"] { --gp-lime: #7cb202; --gp-black: #060605; --surface: #151812; --surface-alt: #1b1f16; --surface-raised: #222719; --surface-inverse: #000000; --surface-inverse-raised: #1d2117; --ink: #eef1e8; --ink-muted: #a7ad9b; --surface-pressed: #2a2f22; --scrim: #000000b3; --line: #343a2d; --lime-ink: #a2d23f; --lime-hover: #8cc414; --on-lime: #0b0c09; --on-inverse: #ffffff; --on-inverse-muted: #c4c9ba; --accent-on-inverse: var(--gp-lime); --focus-ring: 0 0 0 2px #151812, 0 0 0 4px #a2d23f; }
: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; --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-sheet: 24px; --radius-pill: 999px; --container: 1200px; --measure: 680px; --header-height: 72px; --appbar-height: 56px; --tabbar-height: 64px; --touch-target: 44px; --font-serif: Besley, Rockwell, "Clarendon", Georgia, serif; --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; --font-mono: "IBM Plex Mono", Menlo, Consolas, monospace; }
.display { font-family: Besley, Rockwell, "Clarendon", Georgia, serif; font-size: 56px; line-height: 60px; font-weight: 800; letter-spacing: -0.015em; }
.title { font-family: Besley, Rockwell, "Clarendon", Georgia, serif; font-size: 36px; line-height: 42px; font-weight: 700; letter-spacing: -0.01em; }
.kicker { font-family: Besley, Rockwell, "Clarendon", Georgia, serif; font-size: 22px; line-height: 30px; font-weight: 700; }
.numeral { font-family: Besley, Rockwell, "Clarendon", Georgia, serif; font-size: 40px; line-height: 44px; font-weight: 800; letter-spacing: -0.01em; }
.lead { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 26px; font-weight: 400; }
.small { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; }
.heading { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; font-size: 19px; line-height: 26px; font-weight: 600; }
.button { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; font-size: 15px; line-height: 20px; font-weight: 600; }
.tab { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: 500; }
.eyebrow { font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.12em; }
.standard { font-family: "IBM Plex Mono", Menlo, Consolas, monospace; font-size: 13px; line-height: 20px; font-weight: 500; }