Deploy
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user