feat: configura tailwind v4 com paleta premium (obsidian/champagne/rose-gold)

This commit is contained in:
Rodribm10 2026-04-13 22:59:02 -03:00
parent 548985dd05
commit 86e7d17cbc
2 changed files with 58 additions and 5 deletions

58
src/index.css Normal file
View File

@ -0,0 +1,58 @@
@import 'tailwindcss';
@theme {
/* Paleta premium Reserva 1001 */
--color-obsidian: #0b0d12;
--color-midnight: #0f1a2e;
--color-champagne: #c9a961;
--color-rose-gold: #e8b4a0;
--color-ivory: #f5f1e8;
--color-slate: #6b7280;
--color-emerald: #10b981;
--color-ruby: #e11d48;
/* Tipografia */
--font-sans: 'Inter', system-ui, sans-serif;
--font-serif: 'Fraunces', Georgia, serif;
/* Raios */
--radius-lg: 0.75rem;
--radius-xl: 1rem;
--radius-2xl: 1.5rem;
}
@layer base {
html,
body {
height: 100%;
margin: 0;
font-family: var(--font-sans);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
background: linear-gradient(180deg, var(--color-obsidian) 0%, var(--color-midnight) 100%);
color: var(--color-ivory);
}
h1,
h2,
h3 {
font-family: var(--font-serif);
letter-spacing: -0.02em;
}
}
@layer utilities {
.text-gradient-gold {
background: linear-gradient(135deg, var(--color-champagne), var(--color-rose-gold));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.glow-champagne {
box-shadow: 0 0 30px rgba(201, 169, 97, 0.4);
}
}

View File

@ -10,9 +10,4 @@ export default defineConfig({
'@': path.resolve(__dirname, './src'),
},
},
test: {
environment: 'jsdom',
globals: true,
setupFiles: './src/__tests__/setup.ts',
},
})