:root {--nf-midnight-500: #1A1A35;--nf-midnight-300: #333368;--nf-cream-300: #FEFDFD;--nf-cream-500: #F2F0E7;--nf-cream-700: #F3E8D4;--nf-cream-800: #E2D0A3;--nf-violet-100: #F7F7FF;--nf-violet-200: #E7E7F9;--nf-violet-300: #C0C0EE;--nf-violet-400: #6666B5;--nf-violet-500: #43438B;--nf-violet-800: #3B3B7A;--nf-cornflower-300: #E2E9F4;--nf-cornflower-400: #B9CAE5;--nf-cornflower-500: #7395CB;--nf-cornflower-700: #4370B6;--nf-cornflower-800: #2C4892;--nf-pistachio-300: #EBF3E4;--nf-pistachio-400: #B7DFA7;--nf-pistachio-500: #92C672;--nf-pistachio-700: #56803B;--nf-pistachio-800: #354829;--nf-salmon-300: #FDEEE9;--nf-salmon-400: #FACCBF;--nf-salmon-500: #FF9479;--nf-salmon-800: #EF572B;--nf-salmon-900: #A33318;--nf-sunglow-300: #FDF5D7;--nf-sunglow-400: #FFE594;--nf-sunglow-500: #FFE173;--nf-sunglow-800: #FFD745;--nf-sunglow-900: #8A6A10;--nf-rose-300: #F9E7F1;--nf-rose-500: #F4D0E3;--nf-rose-700: #EAAAC8;--nf-rose-800: #C27C9D;--nf-lavender-300: #FCF2FD;--nf-lavender-400: #FBD0FF;--nf-lavender-500: #EABAF3;--nf-lavender-800: #C66EDC;--nf-bg: var(--nf-cream-300);--nf-bg-warm: var(--nf-cream-500);--nf-bg-elevated: var(--nf-cream-300);--nf-bg-sunken: var(--nf-cream-700);--nf-bg-dark: var(--nf-midnight-500);--nf-heading: var(--nf-midnight-300);--nf-text: var(--nf-midnight-500);--nf-text-on-tint: var(--nf-midnight-500);--nf-text-invert: var(--nf-cream-300);--nf-primary: var(--nf-violet-500);--nf-primary-hover: var(--nf-violet-800);--nf-primary-soft: var(--nf-violet-200);--nf-accent: var(--nf-salmon-400);--nf-accent-soft: var(--nf-salmon-300);--nf-success: var(--nf-pistachio-700);--nf-success-soft: var(--nf-pistachio-300);--nf-warning: var(--nf-sunglow-800);--nf-warning-soft: var(--nf-sunglow-300);--nf-danger: var(--nf-salmon-900);--nf-danger-soft: var(--nf-salmon-300);--nf-border: var(--nf-cream-800);--nf-border-soft: var(--nf-cream-700);--nf-font-display: "p22-mackinac-pro", Georgia, serif;--nf-font-body: "Nunito", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;--nf-font-mono: ui-monospace, "SF Mono", Menlo, monospace;--nf-text-xl-size: clamp(20px, 1.8vw, 22px);--nf-text-lg-size: clamp(18px, 1.6vw, 20px);--nf-text-md-size: clamp(17px, 1.5vw, 18px);--nf-text-sm-size: clamp(14px, 1.2vw, 15px);--nf-text-xs-size: clamp(12px, 1vw, 13px);--nf-title-display-size: clamp(34px, 4.5vw, 48px);--nf-title-xl-size: clamp(28px, 3.8vw, 38px);--nf-title-lg-size: clamp(24px, 2.8vw, 30px);--nf-title-md-size: clamp(20px, 2vw, 24px);--nf-title-sm-size: clamp(18px, 1.8vw, 20px);--nf-subtitle-size: clamp(16px, 1.2vw, 17px);--nf-label-size: clamp(13px, 1.2vw, 14px);--nf-title-display-lh: 1.05;--nf-title-xl-lh: 1.1;--nf-title-lg-lh: 1.18;--nf-title-md-lh: 1.25;--nf-title-sm-lh: 1.3;--nf-subtitle-lh: 1.3;--nf-label-lh: 1.3;--nf-text-xl-lh: 1.5;--nf-text-lg-lh: 1.55;--nf-text-md-lh: 1.5;--nf-text-sm-lh: 1.5;--nf-text-xs-lh: 1.5;--nf-title-display-sp: -0.015em;--nf-title-xl-sp: -0.012em;--nf-title-lg-sp: -0.008em;--nf-title-md-sp: -0.004em;--nf-label-sp: 0.04em;--nf-w-regular: 400;--nf-w-medium: 500;--nf-w-bold: 700;--nf-space-1: 4px;--nf-space-2: 8px;--nf-space-3: 12px;--nf-space-4: 16px;--nf-space-5: 20px;--nf-space-6: clamp(20px, calc(1.2vw + 16px), 24px);--nf-space-8: clamp(24px, calc(1.6vw + 18px), 32px);--nf-space-10: clamp(28px, calc(2vw + 20px), 40px);--nf-space-12: clamp(32px, calc(2.5vw + 22px), 48px);--nf-space-16: clamp(40px, calc(4vw + 24px), 64px);--nf-space-20: clamp(48px, calc(5vw + 28px), 80px);--nf-space-24: clamp(56px, calc(6vw + 32px), 96px);--nf-space-32: clamp(72px, calc(8vw + 40px), 128px);--nf-r-1: 4px;--nf-r-2: 8px;--nf-r-4: 16px;--nf-r-8: 32px;--nf-r-pill: 999px;--nf-illust-card-aspect: 4 / 3;--nf-illust-inline-aspect: 1 / 1;--nf-illust-pairing-aspect: 1 / 1;--nf-shadow-xs: 0 1px 2px rgba(26, 26, 53, 0.06);--nf-shadow-sm: 0 2px 6px rgba(26, 26, 53, 0.07), 0 1px 2px rgba(26, 26, 53, 0.05);--nf-shadow-md: 0 8px 20px rgba(26, 26, 53, 0.08), 0 2px 6px rgba(26, 26, 53, 0.05);--nf-shadow-lg: 0 20px 40px rgba(26, 26, 53, 0.10), 0 6px 14px rgba(26, 26, 53, 0.06);--nf-shadow-xl: 0 32px 64px rgba(26, 26, 53, 0.14), 0 12px 24px rgba(26, 26, 53, 0.08);--nf-ease: cubic-bezier(.4, 0, .2, 1);--nf-ease-out: cubic-bezier(.2, .8, .2, 1);--nf-dur-fast: 120ms;--nf-dur: 200ms;--nf-dur-slow: 360ms;--nf-divider: color-mix(in srgb, var(--nf-midnight-500) 10%, transparent);--nf-ring: 0 0 0 3px var(--nf-violet-500);--nf-info: var(--nf-cornflower-700);--nf-text-muted: color-mix(in srgb, var(--nf-midnight-500) 70%, transparent);--nf-bg-hero: linear-gradient(180deg, var(--nf-violet-300) 0%, var(--nf-violet-200) 100%);--nf-ring-on-dark: 0 0 0 3px color-mix(in srgb, var(--nf-sunglow-500) 60%, transparent);--nf-text-body: #454355;}