:root{--clr-green-950: 157 62% 3%;--clr-green-900: 157 62% 8%;--clr-green-800: 145 76% 21%;--clr-green-700: 146 36% 21%;--clr-green-600: 146 36% 37%;--clr-green-400: 138 29% 63%;--clr-green-100: 140 30% 90%;--clr-magenta-900: 338 66% 8%;--clr-magenta-600: 338 66% 54%;--clr-magenta-400: 340 70% 72%;--clr-yellow-500: 44 93% 63%;--clr-yellow-600: 44 93% 53%;--clr-coral-500: 9 100% 64%;--clr-white: 0 0% 100%;--clr-off-white: 30 10% 96%;--clr-gray-100: 30 15% 80%;--clr-gray-200: 30 10% 70%;--clr-gray-400: 30 5% 64%;--clr-gray-700: 20 3% 34%;--clr-gray-900: 20 5% 11%;--bg-body: hsl(var(--clr-off-white));--bg-card: hsl(var(--clr-white));--bg-card-translucent: hsl(var(--clr-off-white) / .7);--bg-surface-elevated: hsl(var(--clr-green-400) / .75);--bg-surface-muted: hsl(var(--clr-gray-200) / .8);--bg-nav-start: hsl(var(--clr-green-400) / .78);--bg-nav-middle: hsl(var(--clr-green-600) / .85);--bg-nav-end: hsl(var(--clr-green-800) / .88);--bg-hero-gradient-start: hsl(var(--clr-off-white));--bg-hero-gradient-end: hsl(var(--clr-off-white) / 0);--logo-gradient-start: hsl(var(--clr-green-400));--logo-gradient-end: hsl(var(--clr-green-900));--bg-overlay: hsl(var(--clr-green-400) / .5);--bg-modal: var(--bg-surface-elevated);--bg-dropdown: hsl(var(--clr-green-700) / .9);--border-default: hsl(var(--clr-gray-100));--border-muted: hsl(var(--clr-gray-100) / .8);--border-focus: hsl(var(--clr-magenta-400) / .85);--border-hover: hsl(var(--clr-green-400) / .9);--bg-hover: hsl(var(--clr-green-600) / .1);--bg-active: hsl(var(--clr-green-600) / .2);--brand-primary: hsl(var(--clr-green-600));--brand-accent: hsl(var(--clr-magenta-600));--text-primary: hsl(var(--clr-green-900));--text-secondary: hsl(var(--clr-gray-700));--text-muted: hsl(var(--clr-gray-700) / .8);--text-on-dark: hsl(var(--clr-off-white));--text-accent-green: hsl(var(--clr-green-600));--text-accent: hsl(var(--clr-yellow-500));--macro-protein: hsl(var(--clr-magenta-600));--macro-carbs: hsl(var(--clr-green-600));--macro-fat: hsl(var(--clr-yellow-600));--font-heading: "azo-sans-web", sans-serif;--font-logo: "gelica", sans-serif;--font-body: "tenso", sans-serif;--font-mono: monospace;--fs-xs: clamp(.75rem, .73rem + .1vw, .813rem);--fs-base: clamp(.875rem, .8rem + .125vw, 1rem);--fs-sm: clamp(.9rem, .85rem + .125vw, .938rem);--fs-md: clamp(.95rem, 1rem + .125vw, 1.5rem);--fs-lg: clamp(1.1rem, .9rem + 1.25vw, 3rem);--fs-xl: clamp(1.75rem, 1.5rem + 1.25vw, 2.5rem);--fs-xxl: clamp(2.25rem, 1.75rem + 2.5vw, 4rem);--fs-hero: clamp(3.5rem, -1rem + 9.375vw, 10rem);--fs-article: calc(var(--fs-base) * 1.1);--fs-input: calc(var(--fs-md) * 1.1);--space-xxs: clamp(.25rem, .23rem + .1vw, .375rem);--space-xs: clamp(.5rem, .45rem + .25vw, .625rem);--space-sm: clamp(.75rem, .7rem + .25vw, .938rem);--space-md: clamp(.875rem, .8rem + .5vw, 1.25rem);--space-lg: clamp(1.25rem, 1rem + 1.25vw, 2rem);--space-xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);--space-xxl: clamp(3rem, 2rem + 5vw, 5rem);--split-layout: 5fr 2fr;--split-gap: var(--space-lg);--shadow-contrast: 1px 1px 2px hsl(0 0% 0% / .2);--shadow-sm: 0 1px 3px hsl(0 0% 0% / .12), 0 1px 2px hsl(0 0% 0% / .06);--shadow-md: 0 4px 6px hsl(0 0% 0% / .2), 0 2px 4px hsl(0 0% 0% / .06);--shadow-lg: 0 10px 15px hsl(0 0% 0% / .2), 0 4px 6px hsl(0 0% 0% / .05);--shadow-pictogram: 2px 4px 4px rgba(0, 0, 0, .4);--shadow-drop-cap: 2px 2px 1px hsl(var(--clr-green-600) / .7);--shadow-logo-icon-sm: .05em .05em .075em rgba(0, 0, 0, .35);--shadow-logo-icon-md: .009em .009em .05em rgba(0, 0, 0, .6);--shadow-glow-magenta: 0 0 12px hsl(var(--clr-magenta-600) / .4);--shadow-glow-green: 0 0 12px hsl(var(--clr-green-400) / .4);--shadow-emboss: 0 0 3px hsl(var(--clr-green-800)), 3px 3px 3px hsl(var(--clr-yellow-500)), 8px 8px 12px hsl(0 0% 0% / .9);--shadow-emboss-sm: 0 0 2px hsl(var(--clr-green-800)), 1px 1px 2px hsl(var(--clr-yellow-500)), 4px 4px 6px hsl(0 0% 0% / .9);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}@media(prefers-color-scheme:dark){:root{--bg-body: hsl(var(--clr-green-950));--bg-card: hsl(var(--clr-green-950) / .96);--bg-card-translucent: hsl(var(--clr-green-900) / .85);--bg-surface-elevated: hsl(var(--clr-green-700) / .75);--bg-surface-muted: hsl(var(--clr-gray-900) / .5);--bg-nav-start: hsl(var(--clr-green-600) / .78);--bg-nav-middle: hsl(var(--clr-green-900) / .85);--bg-nav-end: hsl(var(--clr-green-950) / .88);--bg-hero-gradient-start: hsl(var(--clr-green-950));--bg-hero-gradient-end: hsl(var(--clr-green-950) / 0);--logo-gradient-start: hsl(var(--clr-green-100));--logo-gradient-end: hsl(var(--clr-green-600));--bg-overlay: hsl(var(--clr-green-900) / .9);--bg-dropdown: hsl(var(--clr-green-800) / .9);--text-primary: hsl(var(--clr-off-white));--text-secondary: hsl(var(--clr-gray-100));--text-muted: hsl(var(--clr-gray-400));--text-on-dark: hsl(var(--clr-off-white));--text-accent-green: hsl(var(--clr-green-400));--text-accent: hsl(var(--clr-yellow-600));--border-default: hsl(var(--clr-gray-700));--border-muted: hsl(var(--clr-gray-400) / .3);--border-focus: hsl(var(--clr-magenta-600) / .8);--border-hover: hsl(var(--clr-green-600) / .8);--bg-hover: hsl(var(--clr-green-400) / .15);--bg-active: hsl(var(--clr-green-400) / .25);--brand-primary: hsl(var(--clr-green-400));--shadow-pictogram: 2px 4px 4px rgba(0, 0, 0, .6);--shadow-drop-cap: 2px 2px 2px hsl(var(--clr-green-600) / .95);--shadow-sm: 0 1px 3px hsl(0 0% 0% / .3);--shadow-md: 0 4px 6px hsl(0 0% 0% / .4);--shadow-lg: 0 10px 15px hsl(0 0% 0% / .5);--shadow-logo-icon-sm: .05em .05em .075em rgba(0, 0, 0, .4);--shadow-logo-icon-md: .009em .009em .05em rgba(0, 0, 0, .8)}}