/* custom-styles.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    /* Base colors */
    --background: 0 0% 100%;
    --foreground: 0 0% 3%;

    --card: 0 0% 98%;
    --card-foreground: 0 0% 3%;

    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3%;

    /* Primary - Luxurious Gold */
    --primary: 45 100% 50%;
    --primary-foreground: 0 0% 0%;
    --primary-light: 45 100% 60%;
    --primary-dark: 45 100% 40%;

    /* Secondary - Deep Black */
    --secondary: 0 0% 8%;
    --secondary-foreground: 45 100% 50%;
    --secondary-light: 0 0% 15%;
    --secondary-dark: 0 0% 3%;

    /* Accent - Champagne Gold */
    --accent: 50 80% 70%;
    --accent-foreground: 0 0% 0%;
    --accent-light: 50 80% 80%;
    --accent-dark: 50 80% 60%;

    /* Muted colors for subtle elements */
    --muted: 0 0% 96%;
    --muted-foreground: 0 0% 45%;

    /* Neutral grays */
    --neutral: 0 0% 96%;
    --neutral-foreground: 0 0% 10%;

    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;

    --border: 0 0% 90%;
    --input: 0 0% 96%;
    --ring: 45 100% 50%;

    --radius: 0.75rem;
  }

  /* Utility classes for the custom colors */
  .bg-primary { background-color: hsl(var(--primary)); }
  .bg-primary-light { background-color: hsl(var(--primary-light)); }
  .bg-primary-dark { background-color: hsl(var(--primary-dark)); }
  
  .bg-secondary { background-color: hsl(var(--secondary)); }
  .bg-secondary-light { background-color: hsl(var(--secondary-light)); }
  .bg-secondary-dark { background-color: hsl(var(--secondary-dark)); }
  
  .bg-accent { background-color: hsl(var(--accent)); }
  .bg-accent-light { background-color: hsl(var(--accent-light)); }
  .bg-accent-dark { background-color: hsl(var(--accent-dark)); }
  
  .text-primary { color: hsl(var(--primary)); }
  .text-secondary { color: hsl(var(--secondary)); }
  .text-accent { color: hsl(var(--accent)); }
  
  .border-primary { border-color: hsl(var(--primary)); }
  .border-secondary { border-color: hsl(var(--secondary)); }
  
  /* Custom gradients */
  .bg-luxury-gradient {
    background: linear-gradient(135deg, hsl(var(--secondary)) 0%, hsl(var(--secondary-dark)) 100%);
  }
  
  .bg-gold-gradient {
    background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 100%);
  }
  
  .text-gold-gradient {
    background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
}