@tailwind base; @tailwind components; @tailwind utilities; :root { color-scheme: dark; --brand: #22d3ee; /* default teal */ --brand-glow: rgba(34, 211, 238, 0.35); } /* Fancy gradient grid background helper */ .bg-grid { background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size: 22px 22px; } /* Theme brand variants (applied on via ThemeProvider) */ .brand-teal { --brand: #22d3ee; --brand-glow: rgba(34, 211, 238, 0.35); } .brand-indigo { --brand: #8b5cf6; /* indigo-500 */ --brand-glow: rgba(139, 92, 246, 0.35); } .brand-emerald { --brand: #10b981; /* emerald-500 */ --brand-glow: rgba(16, 185, 129, 0.35); } .brand-sunset { --brand: #f97316; /* orange-500 */ --brand-glow: rgba(249, 115, 22, 0.35); }