feat: configura tailwind v4 com paleta premium (obsidian/champagne/rose-gold)
This commit is contained in:
parent
548985dd05
commit
86e7d17cbc
58
src/index.css
Normal file
58
src/index.css
Normal 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);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -10,9 +10,4 @@ export default defineConfig({
|
|||||||
'@': path.resolve(__dirname, './src'),
|
'@': path.resolve(__dirname, './src'),
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
test: {
|
|
||||||
environment: 'jsdom',
|
|
||||||
globals: true,
|
|
||||||
setupFiles: './src/__tests__/setup.ts',
|
|
||||||
},
|
|
||||||
})
|
})
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user