@import "tailwindcss";
@import "@nuxt/ui";

@theme {
    --font-sans: "Sora", sans-serif;

    --color-azul-digital-50: oklch(0.958 0.02 279.99);
    --color-azul-digital-100: oklch(0.925 0.037 280.64);
    --color-azul-digital-200: oklch(0.848 0.077 280.58);
    --color-azul-digital-300: oklch(0.774 0.116 277.93);
    --color-azul-digital-400: oklch(0.699 0.158 275.18);
    --color-azul-digital-500: oklch(0.624 0.202 271.72);
    --color-azul-digital-600: oklch(0.551 0.247 265.85); /* primary */
    --color-azul-digital-700: oklch(0.447 0.225 263);
    --color-azul-digital-800: oklch(0.348 0.176 263.04);
    --color-azul-digital-900: oklch(0.242 0.121 262.94);
    --color-azul-digital-950: oklch(0.195 0.099 263.07);

    --color-azul-noturno-50: oklch(0.956 0.011 274.97);
    --color-azul-noturno-100: oklch(0.914 0.022 274.76);
    --color-azul-noturno-200: oklch(0.837 0.044 273.99);
    --color-azul-noturno-300: oklch(0.752 0.069 270.64);
    --color-azul-noturno-400: oklch(0.675 0.092 269.68);
    --color-azul-noturno-500: oklch(0.589 0.109 266.65);
    --color-azul-noturno-600: oklch(0.511 0.095 266.43);
    --color-azul-noturno-700: oklch(0.424 0.08 266.8);
    --color-azul-noturno-800: oklch(0.346 0.064 266.55);
    --color-azul-noturno-900: oklch(0.26 0.048 266.01);
    --color-azul-noturno-950: oklch(0.221 0.041 266.55); /* secondary */

    --color-verde-sage-50: oklch(0.963 0.032 148.16);
    --color-verde-sage-100: oklch(0.924 0.067 147.59);
    --color-verde-sage-200: oklch(0.858 0.107 147.54);
    --color-verde-sage-300: oklch(0.792 0.1 147.4);
    --color-verde-sage-400: oklch(0.725 0.091 147.3); /* success  */
    --color-verde-sage-500: oklch(0.628 0.079 147.29);
    --color-verde-sage-600: oklch(0.528 0.066 147.28);
    --color-verde-sage-700: oklch(0.433 0.055 147.14);
    --color-verde-sage-800: oklch(0.332 0.043 146.9);
    --color-verde-sage-900: oklch(0.239 0.03 148.24);
    --color-verde-sage-950: oklch(0.187 0.023 147.07);

    --color-cinza-neutro-50: oklch(0.96 0.005 258.37); /* white */
    --color-cinza-neutro-100: oklch(0.914 0.01 252.81);
    --color-cinza-neutro-200: oklch(0.827 0.022 259.2);
    --color-cinza-neutro-300: oklch(0.742 0.032 254.36);
    --color-cinza-neutro-400: oklch(0.655 0.035 255.64);
    --color-cinza-neutro-500: oklch(0.568 0.031 255.18);
    --color-cinza-neutro-600: oklch(0.482 0.026 256.79);
    --color-cinza-neutro-700: oklch(0.395 0.021 256.37);
    --color-cinza-neutro-800: oklch(0.311 0.017 255.64);
    --color-cinza-neutro-900: oklch(0.225 0.011 254.07);
    --color-cinza-neutro-950: oklch(0.176 0.01 255.64); /* black */
}

:root {
    --ui-primary: var(--color-azul-digital-600);
    --ui-secondary: var(--color-azul-noturno-950);
    --ui-success: var(--color-verde-sage-400);
}