:root {
	/* Design tokens assume 1rem = 16px (browser default). */

	/* Brand */
	--ntr-color-gold: #f7bf50;
	--ntr-color-gold-muted: rgb(247 191 80 / 0.45);
	--ntr-color-gold-text: #111111;
	--ntr-color-charcoal: #1d2939;
	--ntr-color-accent-purple: #6941c6;
	--ntr-color-accent-purple-light: #7f56d9;

	/* Surfaces */
	--ntr-color-bg: #ffffff;
	--ntr-color-bg-warm: #fdfbf8;
	--ntr-color-bg-role-step: #f3f2fd;
	--ntr-color-surface: #ffffff;

	/* Text */
	--ntr-color-text: #101828;
	--ntr-color-text-secondary: #475467;
	--ntr-color-text-label: #344054;
	--ntr-color-text-placeholder: #667085;
	--ntr-color-text-inverse: #ffffff;
	--ntr-color-text-footer-muted: #eaecf0;
	--ntr-color-text-footer-link: #d0d5dd;

	/* Borders */
	--ntr-color-border: #d0d5dd;
	--ntr-color-border-subtle: #eaecf0;
	--ntr-color-border-footer: #475467;
	--ntr-color-tab-inactive: #f2f4f7;

	/* Overlays & effects */
	--ntr-color-overlay-dark: rgb(0 0 0 / 0.2);
	--ntr-color-overlay-glass: rgb(252 252 252 / 0.65);
	--ntr-color-nav-glass: rgb(255 255 255 / 0.1);
	--ntr-color-metrics-glass: rgb(255 255 255 / 0.3);
	--ntr-color-metrics-glass-border: rgb(255 255 255 / 0.6);
	--ntr-blur-nav: 24px;
	--ntr-blur-card: 10px;
	--ntr-blur-metrics: 12px;
	--ntr-shadow-xs: 0 1px 2px rgb(16 24 40 / 0.05);
	--ntr-color-modal-overlay: rgb(52 64 84 / 0.7);
	--ntr-blur-modal: 8px;
	--ntr-color-modal-eyebrow: #c79e5c;
	--ntr-color-modal-heading: #291f1c;
	--ntr-color-modal-body: #6b6159;
	--ntr-color-modal-tint: rgb(82 23 36 / 0.45);
	--ntr-shadow-modal: 0 24px 60px rgb(0 0 0 / 0.35);

	/* Typography */
	--ntr-font-ui: "Inter", system-ui, sans-serif;
	--ntr-font-display: "Roboto", system-ui, sans-serif;

	--ntr-font-size-hero: clamp(3rem, 8vw, 6.75rem); /* 108px */
	--ntr-font-size-display-lg: 3rem; /* 48px */
	--ntr-font-size-display-md: 2.25rem; /* 36px */
	--ntr-font-size-display-sm: 1.875rem; /* 30px */
	--ntr-font-size-stat: 3.75rem; /* 60px */
	--ntr-font-size-xl: 1.25rem; /* 20px */
	--ntr-font-size-body-lg: 1.125rem; /* 18px */
	--ntr-font-size-body: 1rem; /* 16px */
	--ntr-font-size-label: 0.875rem; /* 14px */

	--ntr-tracking-hero: -0.015em;
	--ntr-tracking-display: -0.02em;
	--ntr-line-height-tight: 1.2;
	--ntr-line-height-ui: 1.5;
	--ntr-line-height-lead: 1.5; /* 20px / 30px */
	--ntr-line-height-relaxed: 1.875;

	--ntr-font-weight-medium: 500;
	--ntr-font-weight-semibold: 600;
	--ntr-font-weight-bold: 700;

	/* Spacing */
	--ntr-space-6: 1.5rem;
	--ntr-space-8: 2rem;
	--ntr-space-12: 3rem;
	--ntr-space-16: 4rem;
	--ntr-space-24: 6rem;
	--ntr-space-28: 7rem;

	/* Layout */
	--ntr-page-gutter: 4rem;
	--ntr-container-max: 80rem; /* 1280px */
	--ntr-container-padding-x: 2rem;
	--ntr-container-gap: 2rem;
	--ntr-content-narrow: 48rem;
	--ntr-content-form: 30rem;
	--ntr-content-prose: 60rem;
	--ntr-section-padding-y: var(--ntr-space-16);
	--ntr-gap-md: 1.5rem;
	--ntr-gap-lg: 2rem;
	--ntr-gap-xl: 5rem;

	/* Radii */
	--ntr-radius-sm: 6px;
	--ntr-radius-md: 8px;
	--ntr-radius-icon: 10px;
	--ntr-radius-card: 24px;
	--ntr-radius-pill: 24px;
	--ntr-radius-logo: 55px;
	--ntr-radius-cta-button: 12px;

	/* Components */
	--ntr-button-padding-x: 1.125rem; /* 18px */
	--ntr-button-padding-y: 0.625rem; /* 10px */
	--ntr-icon-size: 3rem; /* 48px */
	--ntr-logo-width: 4rem; /* 64px */
	--ntr-logo-height: 3.625rem; /* 58px */
}