57 lines
1.2 KiB
CSS
57 lines
1.2 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
/* CCFW Colors */
|
|
--background: 25 25 25;
|
|
--foreground: 230 230 230;
|
|
--muted: 50 50 50;
|
|
--muted-foreground: 180 180 180;
|
|
|
|
/* Teal/turquoise from CCFW site */
|
|
--accent: 0 130 167;
|
|
--accent-foreground: 255 255 255;
|
|
|
|
/* CCFW Colors */
|
|
--card: 233 230 223;
|
|
--card-foreground: 51 51 51;
|
|
|
|
/* Teal/turquoise from CCFW */
|
|
--primary: 0 130 167;
|
|
--primary-foreground: 255 255 255;
|
|
|
|
/* CCFW Yellow/Gold */
|
|
--secondary: 246 202 66;
|
|
--secondary-foreground: 51 51 51;
|
|
|
|
/* Coral red from CCFW site */
|
|
--destructive: 255 133 106;
|
|
--destructive-foreground: 255 255 255;
|
|
|
|
/* CCFW Colors */
|
|
--border: 204 204 204;
|
|
--input: 233 230 223;
|
|
--ring: 0 130 167;
|
|
|
|
/* Additional CCFW colors */
|
|
--ccfw-gold: 246 202 66;
|
|
--ccfw-teal: 0 130 167;
|
|
--ccfw-coral: 255 133 106;
|
|
--ccfw-beige: 233 230 223;
|
|
--ccfw-maroon: 88 40 67;
|
|
}
|
|
|
|
body {
|
|
color: rgb(var(--foreground));
|
|
background: rgb(var(--background));
|
|
}
|
|
|
|
@layer utilities {
|
|
.neon-glow {
|
|
text-shadow: 0 0 5px rgb(var(--accent) / 0.5),
|
|
0 0 10px rgb(var(--accent) / 0.5),
|
|
0 0 15px rgb(var(--accent) / 0.5);
|
|
}
|
|
}
|