This commit is contained in:
Vula Builder
2026-07-26 16:40:54 +00:00
parent 60b1d79044
commit 3501ab5aae
+78
View File
@@ -0,0 +1,78 @@
@import "tailwindcss";
@theme {
--color-background: oklch(0.96 0.012 85);
--color-foreground: oklch(0.15 0.025 85);
--color-card: oklch(0.98 0.008 85);
--color-card-foreground: oklch(0.15 0.025 85);
--color-primary: oklch(0.727 0.166 86.4);
--color-primary-foreground: oklch(100% 0 0);
--color-secondary: oklch(0.551 0.175 146.5);
--color-secondary-foreground: oklch(100% 0 0);
--color-accent: oklch(0.12 0.008 280);
--color-accent-foreground: oklch(100% 0 0);
--color-border: oklch(0.90 0.01 85);
--color-input: oklch(0.90 0.01 85);
--color-ring: oklch(0.727 0.166 86.4);
--color-muted: oklch(0.92 0.008 85);
--color-muted-foreground: oklch(0.30 0.02 85);
--radius: 8px;
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 20px;
--shadow-soft: 0 10px 24px rgba(60, 42, 26, 0.16);
--shadow-deep: 0 24px 48px rgba(60, 42, 26, 0.22);
}
* {
border-color: var(--color-border);
outline-color: color-mix(in oklch, var(--color-ring), transparent 50%);
}
body {
background-color: var(--color-background);
color: var(--color-foreground);
font-feature-settings: "rlig" 1, "calt" 1;
}
html {
scroll-behavior: smooth;
}
/* Utility classes accessible in Tailwind via arbitrary values */
.btn-primary {
background-color: var(--color-primary);
color: var(--color-primary-foreground);
padding: 1rem 2rem;
border-radius: var(--radius-md);
box-shadow: var(--shadow-soft);
transition: all 200ms ease-out;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-deep);
}
.menu-board {
background-color: var(--color-foreground);
color: var(--color-background);
padding: 3rem 2rem;
border-radius: var(--radius-lg);
}
/* Override for Nunito_Sans as body font already set via layout */
.font-heading {
font-family: var(--font-heading), ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}
.font-body {
font-family: var(--font-body), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
/* Tailwind v4 reset removes default margins ensure section spacing */
section {
scroll-margin-top: 80px;
}