51 lines
936 B
CSS
51 lines
936 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer base {
|
|
:root {
|
|
/* Backgrounds */
|
|
--bg-primary: #0F0E0C;
|
|
--bg-secondary: #1A1814;
|
|
--bg-tertiary: #252219;
|
|
--bg-hover: #2E2A22;
|
|
|
|
/* Brand */
|
|
--brand-primary: #D4891A;
|
|
--brand-secondary: #E8A832;
|
|
--brand-muted: #3D2E0F;
|
|
|
|
/* Status */
|
|
--status-pending: #F59E0B;
|
|
--status-confirmed: #10B981;
|
|
--status-seated: #3B82F6;
|
|
--status-completed: #6B7280;
|
|
--status-cancelled: #EF4444;
|
|
--status-noshow: #8B5CF6;
|
|
|
|
/* Text */
|
|
--text-primary: #F5F0E8;
|
|
--text-secondary: #A09880;
|
|
--text-muted: #6B6355;
|
|
--text-accent: #D4891A;
|
|
|
|
/* Borders */
|
|
--border: #2A261E;
|
|
--border-strong: #3D3828;
|
|
|
|
--radius: 0.5rem;
|
|
}
|
|
}
|
|
|
|
@layer base {
|
|
* {
|
|
@apply border-border;
|
|
}
|
|
body {
|
|
@apply bg-background text-foreground font-body;
|
|
}
|
|
h1, h2, h3, h4, h5, h6 {
|
|
@apply font-display;
|
|
}
|
|
}
|