@import "tailwindcss";

@theme {
    /*--font-display: "Satoshi", "sans-serif";*/
    /*--breakpoint-3xl: 120rem;*/
    --color-prim: oklch(27.95% 0.0085 255.57);
    --color-prim-light: oklch(30.28% 0.0092 248.13);
    --color-second: oklch(99.11% 0 0);
    --color-second-dark: oklch(66.55% 0.0038 247.88);
    --color-third: oklch(61.47% 0.2541 24.53);
    --color-third-light: oklch(64.41% 0.2245 24.53);
    --color-fourth: oklch(83.29% 0.161 80.36);
    --color-green: oklch(76.97% 0.261916 142.4953);

    --text-4xl: 4rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
}

body {
    @apply dark:bg-prim dark:text-second;
}

.active-link {
    @apply text-third border-b;
}