:root {--action-klokki: hsl(274, 100%, 57%);--action-trans-10-klokki: hsla(274, 100%, 57%, 0.1);--primary-klokki: hsl(48, 100%, 50%);--primary-trans-10-klokki: hsla(48, 100%, 50%, 0.1);--base-klokki: hsl(0, 1%, 6%);--base-medium-light: hsl(0, 1%, 55%);--base-light: hsl(0, 1%, 75%);--base-light-trans-20: hsl(0 0% 95.3% / 0.2);--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;}