Add spacing tokens and utilities to global.css

cgen-d52f7b8bedb14ad89242318be3e94bf4
This commit is contained in:
Builder.io 2025-10-19 00:16:29 +00:00
parent cc2faa1609
commit f22cccde7c

View file

@ -10,6 +10,15 @@
*/
:root {
--background: 222 84% 4.9%;
/* Spacing tokens */
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 24px;
--space-6: 32px;
--space-section-y: var(--space-6);
--foreground: 210 40% 98%;
--card: 222 84% 4.9%;
@ -90,6 +99,10 @@
}
@layer utilities {
.section-cozy { padding-block: var(--space-section-y); }
.gap-cozy { gap: var(--space-5); }
.pad-cozy { padding: var(--space-5); }
.text-gradient {
@apply bg-gradient-to-r from-aethex-400 via-neon-blue to-aethex-600 bg-clip-text text-transparent;
background-size: 200% 200%;