4cf1829108
This commit sets up the project with Nuxt UI for a modern user interface and configures it for deployment on Cloudflare Pages. It also includes a basic landing page with the company logo and contact information.
60 lines
2.7 KiB
CSS
60 lines
2.7 KiB
CSS
@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);
|
|
}
|