vula-projects/vula-d50e2f7f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Deploy

Browse Source
This commit is contained in:
Vula Builder
2026-07-25 19:05:16 +00:00
parent 4115496be2
commit 62c0a999ae
1 changed files with 70 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+70
View File
@@ -0,0 +1,70 @@
@import "tailwindcss";
@theme {
--color-background: oklch(0.074 0.078 22.5);
--color-foreground: oklch(0.920 0.069 25.7);
--color-card: oklch(0.115 0.108 21.8);
--color-card-foreground: oklch(0.920 0.069 25.7);
--color-primary: oklch(0.385 0.285 22.8);
--color-primary-foreground: oklch(1.000 0.000 0.0);
--color-secondary: oklch(0.683 0.370 45.9);
--color-secondary-foreground: oklch(1.000 0.000 0.0);
--color-accent: oklch(0.497 0.370 79.6);
--color-accent-foreground: oklch(0.920 0.069 25.7);
--color-border: oklch(0.218 0.157 22.5);
--color-input: oklch(0.218 0.157 22.5);
--color-ring: oklch(0.385 0.285 22.8);
--radius: 0.5rem;
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
}
@media (prefers-color-scheme: dark) {
@theme {
--color-background: oklch(0.074 0.078 22.5);
--color-foreground: oklch(0.920 0.069 25.7);
--color-card: oklch(0.115 0.108 21.8);
--color-card-foreground: oklch(0.920 0.069 25.7);
--color-primary: oklch(0.385 0.285 22.8);
--color-primary-foreground: oklch(1.000 0.000 0.0);
--color-secondary: oklch(0.683 0.370 45.9);
--color-secondary-foreground: oklch(1.000 0.000 0.0);
--color-accent: oklch(0.497 0.370 79.6);
--color-accent-foreground: oklch(0.920 0.069 25.7);
--color-border: oklch(0.218 0.157 22.5);
--color-input: oklch(0.218 0.157 22.5);
--color-ring: oklch(0.385 0.285 22.8);
}
}
* {
border-color: var(--color-border);
outline-color: color-mix(in oklch, var(--color-ring), transparent 50%);
}
html {
scroll-behavior: smooth;
}
body {
background-color: var(--color-background);
color: var(--color-foreground);
font-feature-settings: "rlig" 1, "calt" 1;
font-family: var(--font-jost), sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-cormorant), serif;
}
@layer components {
.btn-luxe {
@apply inline-flex items-center justify-center border border-accent text-accent uppercase tracking-[0.3em] px-8 py-3 text-sm font-light transition-all duration-200 ease-out;
}
.btn-luxe:hover {
@apply bg-accent text-background;
}
}