:root { --sys-color-primary: hsla(35, 90%, 52%, 1); --sys-color-ink: hsla(149, 72%, 17%, 1); --sys-color-ink-muted: hsl(215, 15%, 45%); --sys-color-base: hsl(0, 0%, 100%); --sys-color-surface-sunken: hsl(220, 16%, 96%); --sys-color-border: hsla(220, 20%, 50%, 0.20); --sys-color-success: hsl(142, 70%, 40%); --sys-color-error: hsl(348, 80%, 48%); --sys-color-primary-hover: hsla(52, 98%, 50%, 1); --sys-color-primary-t-1: hsla(35, 90%, 52%, 0.2); --sys-color-primary-t-2: hsla(35, 90%, 52%, 0.4); --sys-color-primary-t-3: hsla(35, 90%, 52%, 0.6); --sys-color-primary-t-4: hsla(35, 90%, 52%, 0.8); --sys-color-primary-hover-l-1: hsl(52, 98%, 60%); --sys-color-primary-hover-l-2: hsl(52, 98%, 70%); --sys-color-primary-hover-l-3: hsl(52, 98%, 80%); --sys-color-primary-hover-l-4: hsl(52, 98%, 90%); --sys-color-primary-hover-d-1: hsl(52, 98%, 40%); --sys-color-primary-hover-d-2: hsl(52, 98%, 30%); --sys-color-primary-hover-d-3: hsl(52, 98%, 20%); --sys-color-primary-hover-d-4: hsl(52, 96%, 10%); --sys-color-primary-hover-t-1: hsla(52, 98%, 50%, 0.2); --sys-color-primary-hover-t-2: hsla(52, 98%, 50%, 0.4); --sys-color-primary-hover-t-3: hsla(52, 98%, 50%, 0.6); --sys-color-primary-hover-t-4: hsla(52, 98%, 50%, 0.8); --sys-color-primary-l-1: hsl(35, 90%, 62%); --sys-color-primary-l-2: hsl(35, 90%, 71%); --sys-color-primary-l-3: hsl(35, 90%, 81%); --sys-color-primary-l-4: hsl(35, 90%, 90%); --sys-color-primary-d-1: hsl(35, 83%, 42%); --sys-color-primary-d-2: hsl(35, 83%, 31%); --sys-color-primary-d-3: hsl(35, 83%, 21%); --sys-color-primary-d-4: hsl(35, 83%, 10%); --sys-color-ink-l-1: hsl(149, 29%, 34%); --sys-color-ink-l-2: hsl(149, 15%, 50%); --sys-color-ink-l-3: hsl(149, 15%, 67%); --sys-color-ink-l-4: hsl(149, 15%, 83%); --sys-color-ink-d-1: hsl(149, 72%, 14%); --sys-color-ink-d-2: hsl(149, 72%, 10%); --sys-color-ink-d-3: hsl(149, 72%, 7%); --sys-color-ink-d-4: hsl(149, 72%, 3%); --sys-color-ink-muted-l-1: hsl(215, 12%, 56%); --sys-color-ink-muted-l-2: hsl(215, 12%, 67%); --sys-color-ink-muted-l-3: hsl(215, 12%, 78%); --sys-color-ink-muted-l-4: hsl(215, 12%, 89%); --sys-color-ink-muted-d-1: hsl(215, 15%, 36%); --sys-color-ink-muted-d-2: hsl(215, 15%, 27%); --sys-color-ink-muted-d-3: hsl(215, 15%, 18%); --sys-color-ink-muted-d-4: hsl(215, 15%, 9%); --sys-color-base-l-1: hsl(0, 0%, 100%); --sys-color-base-l-2: hsl(0, 0%, 100%); --sys-color-base-l-3: hsl(0, 0%, 100%); --sys-color-base-l-4: hsl(0, 0%, 100%); --sys-color-base-d-1: hsl(0, 0%, 80%); --sys-color-base-d-2: hsl(0, 0%, 60%); --sys-color-base-d-3: hsl(0, 0%, 40%); --sys-color-base-d-4: hsl(0, 0%, 20%); --sys-color-surface-sunken-l-1: hsl(220, 14%, 97%); --sys-color-surface-sunken-l-2: hsl(220, 14%, 98%); --sys-color-surface-sunken-l-3: hsl(220, 14%, 98%); --sys-color-surface-sunken-l-4: hsl(220, 14%, 99%); --sys-color-surface-sunken-d-1: hsl(220, 2%, 77%); --sys-color-surface-sunken-d-2: hsl(220, 1%, 58%); --sys-color-surface-sunken-d-3: hsl(220, 1%, 38%); --sys-color-surface-sunken-d-4: hsl(220, 1%, 19%); --sys-color-border-l-1: hsla(220, 20%, 60%, 0.36); --sys-color-border-l-2: hsla(220, 20%, 70%, 0.52); --sys-color-border-l-3: hsla(220, 20%, 80%, 0.68); --sys-color-border-l-4: hsla(220, 20%, 90%, 0.84); --sys-color-border-d-1: hsla(220, 20%, 40%, 0.36); --sys-color-border-d-2: hsla(220, 20%, 30%, 0.52); --sys-color-border-d-3: hsla(220, 20%, 20%, 0.68); --sys-color-border-d-4: hsla(220, 20%, 10%, 0.84); --text-2xs: clamp(0.51rem, calc(0 * (100vw - 22.5rem) + 0.51rem), 0.51rem); --text-xs: clamp(0.64rem, calc(0 * (100vw - 22.5rem) + 0.64rem), 0.64rem); --text-s: clamp(0.8rem, calc(0 * (100vw - 22.5rem) + 0.8rem), 0.8rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --text-xl: clamp(1.56rem, calc(0 * (100vw - 22.5rem) + 1.56rem), 1.56rem); --text-2xl: clamp(1.95rem, calc(0 * (100vw - 22.5rem) + 1.95rem), 1.95rem);}