@import "tailwindcss"; /* Class-based dark mode: activated by .dark on */ @variant dark (&:where(.dark, .dark *)); @theme { --color-primary: #1a6b3c; --color-background-light: #f6f8f7; --color-background-dark: #131f18; --font-display: "Public Sans", sans-serif; --radius: 0.5rem; --radius-lg: 1rem; --radius-xl: 1.5rem; } /* Hotwire Native detection — use hotwire-native:hidden etc. in templates */ @custom-variant hotwire-native { body[data-hotwire-native] & { @slot; } } @layer base { body { font-family: var(--font-display); min-height: 100dvh; } } @layer utilities { .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } }