94 lines
2.1 KiB
CSS
94 lines
2.1 KiB
CSS
@import "tailwindcss";
|
|
@import "remixicon/fonts/remixicon.css";
|
|
|
|
:root {
|
|
/* Cores do Design System Aggios */
|
|
--primary: #FF3A05;
|
|
--secondary: #FF0080;
|
|
--background: #FDFDFC;
|
|
--foreground: #000000;
|
|
--text-secondary: #7D7D7D;
|
|
--border: #E5E5E5;
|
|
--white: #FFFFFF;
|
|
|
|
/* Gradiente */
|
|
--gradient: linear-gradient(90deg, #FF3A05, #FF0080);
|
|
--gradient-text: linear-gradient(to right, #FF3A05, #FF0080);
|
|
|
|
/* Espaçamentos */
|
|
--space-xs: 4px;
|
|
--space-sm: 8px;
|
|
--space-md: 16px;
|
|
--space-lg: 24px;
|
|
--space-xl: 32px;
|
|
--space-2xl: 48px;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--color-primary: var(--primary);
|
|
--color-text-secondary: var(--text-secondary);
|
|
--color-border: var(--border);
|
|
--font-sans: var(--font-inter);
|
|
--font-heading: var(--font-open-sans);
|
|
--font-mono: var(--font-fira-code);
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: var(--font-sans), Arial, Helvetica, sans-serif;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* Estilos base dos inputs */
|
|
input,
|
|
select,
|
|
textarea {
|
|
font-size: 14px;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
input:focus,
|
|
select:focus,
|
|
textarea:focus {
|
|
box-shadow: none !important;
|
|
outline: none !important;
|
|
}
|
|
|
|
/* Focus visible para acessibilidade */
|
|
*:focus-visible {
|
|
outline: 2px solid var(--primary);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/* Hero section gradient text */
|
|
.gradient-text {
|
|
background: var(--gradient-text);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
/* Hover gradient text */
|
|
.hover\:gradient-text:hover {
|
|
background: var(--gradient-text);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
/* Group hover para remover gradiente e usar cor sólida */
|
|
.group:hover .group-hover\:text-white {
|
|
background: none !important;
|
|
-webkit-background-clip: unset !important;
|
|
-webkit-text-fill-color: unset !important;
|
|
background-clip: unset !important;
|
|
color: white !important;
|
|
}
|
|
|
|
/* Smooth scroll */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
} |