@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);
  }
}