:root{color-scheme:light dark;--color-primary: light-dark(hsl(291 39% 53% / 1), hsl(291 39% 53% / 1));--color-secondary: light-dark(hsl(257 61% 55% / 1), hsl(257 61% 55% / 1));--color-hero: light-dark(hsl(95 34% 48% / 1), hsl(95 34% 48% / 1));--color-accent1: light-dark(hsl(331 34% 83% / 1), hsl(332 26% 35% / 1));--color-accent2: light-dark(hsl(188 32% 82% / 1), hsl(188 22% 32% / 1));--color-positive: light-dark(hsl(89 59% 59% / 1), hsl(89 59% 59% / 1));--color-warning: light-dark(hsl(45 92% 72% / 1), hsl(45 92% 72% / 1));--color-negative: light-dark(hsl(12 97% 66% / 1), hsl(12 97% 66% / 1));--color-low: light-dark(hsl(36 28% 86% / 1), hsl(355 12% 40% / 1));--color-background: light-dark(hsl(50 50% 98% / 1), hsl(311 11% 27% / 1));--color-surface: light-dark(hsl(30 64% 95% / 1), hsl(321 18% 25% / 1));--color-high: light-dark(hsl(0 0% 100% / 1), hsl(300 93% 12% / 1));--color-text: light-dark(hsl(44 32% 10% / 1), hsl(44 30% 94% / 1));--color-soft: hsl(from currentColor h s l / 0.75);--color-on-primary: light-dark(hsl(0 0% 100% / 1), hsl(0 0% 100% / 1));--color-on-secondary: light-dark(hsl(0 0% 100% / 1), hsl(0 0% 100% / 1));--color-on-hero: light-dark(hsl(0 0% 100% / 1), hsl(0 0% 100% / 1));--color-on-accent1: light-dark(hsl(0 0% 0% / 1), hsl(0 0% 100% / 1));--color-on-accent2: light-dark(hsl(0 0% 0% / 1), hsl(0 0% 100% / 1));--color-on-positive: light-dark(hsl(150 50% 10% / 1), hsl(150 50% 10% / 1));--color-on-warning: light-dark(hsl(40 50% 10% / 1), hsl(40 50% 10% / 1));--color-on-negative: light-dark(hsl(350 50% 10% / 1), hsl(350 50% 10% / 1));--color-hover: light-dark(hsl(290 19% 46% / 1), hsl(290 19% 46% / 1));--color-on-hover: light-dark(hsl(0 0% 100% / 1), hsl(0 0% 100% / 1));--color-border: light-dark(hsl(24 14% 35% / 1), hsl(24 14% 35% / 1))}:root{--font-family: sans-serif;--text-size-core: 16px;--text-weight-regular: 500;--text-weight-bold: 700;--text-weight-boldest: 900;--text-size-hero: 2.986rem;--text-size-title: 2.488rem;--text-size-heading: 2.074rem;--text-size-sub-heading: 1.728rem;--text-size-lead: 1.2rem;--text-size-body: 1rem;--text-size-small: 0.833rem;--text-size-caption: 0.694rem}:root{--gap-section: 32px;--gap-area: 24px;--gap-card: 16px;--gap-text: 8px;--gap-internal: 4px;--gap-none: 0;--radius-default: 32px;--radius-full: 100%}@media screen and (min-width: 768px){:root{--gap-section: 80px;--gap-area: 40px;--gap-card: 16px;--gap-text: 8px;--gap-internal: 4px}}.c-nav-wrapper{--c-nav-background: var(--color-background);--c-nav-color: var(--color-text)}