:root { --neutral-01: #FFFFFF; --neutral-02: #FCFAF9; --neutral-03: #F9F6F0; --neutral-04: #F3EDE3; --neutral-05: #6A6860; --neutral-06: #0C0C0B; --primary: #F04729; --secondary: #B07A50; --border-01: #EDEDED; --border-02: #ECE8E0; --success: #2E7D32; --success-hover: #256628; --warning: #F59E0B; --warning-hover: #D97706; --error: #D92D20; --error-hover: #B42318; --info: #2563EB; --info-hover: #1D4ED8; --muted: #F3EDE3; --space-lg: clamp(4rem, calc(0.03472222222222222 * (100vw - 36rem) + 4rem), 7rem); --space-xl: clamp(6rem, calc(0.08101851851851852 * (100vw - 36rem) + 6rem), 13rem);}.text-neutral-01 { color: var(--neutral-01); }.bg-neutral-01 { background-color: var(--neutral-01); }.bg-neutral-02 { background-color: var(--neutral-02); }.bg-neutral-03 { background-color: var(--neutral-03); }.bg-neutral-04 { background-color: var(--neutral-04); }.text-neutral-05 { color: var(--neutral-05); }.text-neutral-06 { color: var(--neutral-06); }.bg-neutral-06 { background-color: var(--neutral-06); }.bg-primary { background-color: var(--primary); }.border-primary { border-color: var(--primary); }.text-primary { color: var(--primary); }.outline-primary { outline-color: var(--primary); }.fill-primary { fill: var(--primary); }.stroke-primary { stroke: var(--primary); }.bg-secondary { background-color: var(--secondary); }.text-secondary { color: var(--secondary); }.border-border-01 { border-color: var(--border-01); }.border-border-02 { border-color: var(--border-02); }