:root { --primary: oklch(0.282 0.047 244); --primary-5: hsla(206, 54%, 16%, 0.05); --primary-10: hsla(206, 54%, 16%, 0.1); --primary-50: hsla(206, 54%, 16%, 0.5); --primary-l-1: hsla(209, 27%, 27%, 1); --primary-l-2: hsla(209, 16%, 38%, 1); --primary-l-3: hsla(209, 10%, 50%, 1); --primary-l-5: hsla(212, 10%, 74%, 1); --secondary: oklch(0.829 0.168 82); --secondary-l-4: hsla(40, 100%, 92%, 1); --surgical-d-3: hsla(198, 41%, 36%, 1); --surgical-l-9: hsla(201, 83%, 94%, 1); --recovery-l-6: hsla(276, 26%, 93%, 1); --gateway-d-1: hsla(359, 44%, 46%, 1); --petal: hsla(42, 85%, 90%, 1); --petal-l-3: hsla(41, 87%, 95%, 1); --tertiary: oklch(0.495 0.024 268); --base: oklch(0.204 0 0); --bg-body: hsla(0, 0%, 100%, 1); --bg-surface: hsla(0, 0%, 100%, 1); --bg-light: var(--neutral-light); --text-body: hsl(0, 0%, 15%); --text-title: hsl(0, 0%, 0%); --light: hsl(0, 0%, 100%); --light-10: hsla(0, 0%, 100%, 0.1); --light-20: hsla(0, 0%, 100%, 0.2); --light-50: hsla(0, 0%, 100%, 0.5); --light-80: hsla(0, 0%, 100%, 0.8); --dark: hsl(0, 0%, 0%); --primary-hover: oklch(0.382 0.039 247.5); --primary-ultra-light: oklch(0.95 0.107 221); --primary-light: oklch(0.85 0.107 221); --primary-semi-light: oklch(0.65 0.107 221); --primary-semi-dark: oklch(0.35 0.107 221); --primary-dark: oklch(0.25 0.107 221); --primary-ultra-dark: oklch(0.1 0.107 221); --secondary-hover: oklch(0.861 0.146 83.4); --secondary-ultra-light: oklch(0.952 0.042 87.6); --secondary-light: oklch(0.85 0.044 82); --secondary-semi-light: oklch(0.65 0.044 82); --secondary-semi-dark: oklch(0.35 0.044 82); --tertiary-hover: oklch(0.506 0.047 89); --tertiary-ultra-light: oklch(0.95 0.047 89); --tertiary-ultra-dark: oklch(0.1 0.047 89); --tertiary-light: oklch(0.85 0.047 89); --tertiary-dark: oklch(0.25 0.047 89); --tertiary-semi-light: oklch(0.65 0.047 89); --tertiary-semi-dark: oklch(0.35 0.047 89); --secondary-dark: oklch(0.25 0.044 82); --secondary-ultra-dark: oklch(0.1 0.044 82); --base-hover: oklch(0.138 0.044 239); --base-ultra-light: oklch(0.95 0.044 239); --base-light: oklch(0.85 0.044 239); --base-semi-light: oklch(0.65 0.044 239); --base-semi-dark: oklch(0.35 0.044 239); --base-dark: oklch(0.25 0.044 239); --base-ultra-dark: oklch(0.1 0.044 239); --neutral: oklch(0 0 0); --neutral-hover: oklch(0 0 0); --neutral-ultra-light: oklch(0.95 0 0); --neutral-light: oklch(0.85 0 0); --neutral-semi-light: oklch(0.65 0 0); --neutral-semi-dark: oklch(0.35 0 0); --neutral-dark: oklch(0.25 0 0); --neutral-ultra-dark: oklch(0.1 0 0); --white: #fff; --black: #000; --dm-page: #0F2232; --dm-lifted: #16324A; --dm-raised: #24445E; --dm-cream: #F4EAD4; --dm-text: #EEEAE2; --dm-muted: #A9B2BF; --fixed-primary: oklch(0.282 0.047 244); --fixed-primary-hover: oklch(0.382 0.039 247.5); --fixed-text: hsl(0, 0%, 15%); --fixed-muted: oklch(0.495 0.024 268); --fixed-ink: #000; --fixed-daisy: oklch(0.829 0.168 82);}