@tailwind base;
@tailwind components;
@tailwind utilities;



@layer utilities {
  .text-balance {
    text-wrap: balance;
  }
}

@layer base {
  :root {
    --radius: 0.65rem;
    --background: #F5F7FA; /* Moon White */
    --foreground: #2E2E2E; /* Ink Charcoal */
    --card: #F5F7FA; /* Moon White */
    --card-foreground: #2E2E2E; /* Ink Charcoal */
    --popover: #F5F7FA; /* Moon White */
    --popover-foreground: #2E2E2E; /* Ink Charcoal */
    --primary: #00A86B; /* Emerald Mercury */
    --primary-foreground: #F5F7FA; /* Moon White */
    --secondary: #0B3D91; /* Trust Navy */
    --secondary-foreground: #F5F7FA; /* Moon White */
    --muted: #F5F7FA; /* Moon White with opacity */
    --muted-foreground: #2E2E2E99; /* Ink Charcoal with opacity */
    --accent: #FFC107; /* Jupiter Gold */
    --accent-foreground: #2E2E2E; /* Ink Charcoal */
    --destructive: #e11d48;
    --border: #2E2E2E20; /* Ink Charcoal with opacity */
    --input: #2E2E2E20; /* Ink Charcoal with opacity */
    --ring: #00A86B; /* Emerald Mercury */
    --chart-1: #00A86B; /* Emerald Mercury */
    --chart-2: #FFC107; /* Jupiter Gold */
    --chart-3: #0B3D91; /* Trust Navy */
    --chart-4: #00A86B80; /* Emerald Mercury with opacity */
    --chart-5: #FFC10780; /* Jupiter Gold with opacity */
    --sidebar: linear-gradient(135deg, #FFC10725, #00A86B15); /* Light gradient of Jupiter Gold and Emerald Mercury */
    --sidebar-foreground: #2E2E2E; /* Ink Charcoal */
    --sidebar-primary: #00A86B; /* Emerald Mercury */
    --sidebar-primary-foreground: #F5F7FA; /* Moon White */
    --sidebar-accent: rgba(0,0,0,0.1); /* Light dark overlay with blur for hover/active */
    --sidebar-accent-foreground: #2E2E2E; /* Ink Charcoal */
    --sidebar-border: #2E2E2E20; /* Ink Charcoal with opacity */
    --sidebar-ring: #00A86B; /* Emerald Mercury */
  }
  .dark {
    --background: #2E2E2E; /* Ink Charcoal */
    --foreground: #F5F7FA; /* Moon White */
    --card: #2E2E2E; /* Ink Charcoal */
    --card-foreground: #F5F7FA; /* Moon White */
    --popover: #2E2E2E; /* Ink Charcoal */
    --popover-foreground: #F5F7FA; /* Moon White */
    --primary: #00A86B; /* Emerald Mercury */
    --primary-foreground: #F5F7FA; /* Moon White */
    --secondary: #0B3D91; /* Trust Navy */
    --secondary-foreground: #F5F7FA; /* Moon White */
    --muted: #2E2E2E; /* Ink Charcoal with opacity */
    --muted-foreground: #F5F7FA99; /* Moon White with opacity */
    --accent: #FFC107; /* Jupiter Gold */
    --accent-foreground: #2E2E2E; /* Ink Charcoal */
    --destructive: #e11d48;
    --border: #F5F7FA20; /* Moon White with opacity */
    --input: #F5F7FA20; /* Moon White with opacity */
    --ring: #00A86B; /* Emerald Mercury */
    --chart-1: #00A86B; /* Emerald Mercury */
    --chart-2: #FFC107; /* Jupiter Gold */
    --chart-3: #0B3D91; /* Trust Navy */
    --chart-4: #00A86B80; /* Emerald Mercury with opacity */
    --chart-5: #FFC10780; /* Jupiter Gold with opacity */
    --sidebar: linear-gradient(135deg, #FFC10735, #00A86B20); /* Light gradient of Jupiter Gold and Emerald Mercury */
    --sidebar-foreground: #F5F7FA; /* Moon White */
    --sidebar-primary: #00A86B; /* Emerald Mercury */
    --sidebar-primary-foreground: #F5F7FA; /* Moon White */
    --sidebar-accent: rgba(0,0,0,0.1); /* Light dark overlay with blur for hover/active */
    --sidebar-accent-foreground: #F5F7FA; /* Moon White */
    --sidebar-border: #F5F7FA20; /* Moon White with opacity */
    --sidebar-ring: #00A86B; /* Emerald Mercury */
  }
}

@layer base {
  * {
    @apply border-border antialiased;
  }
  body {
    @apply bg-background text-foreground antialiased;
  }
  
  /* Apply Inter font with 500 weight to all headings */
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-inter), system-ui, sans-serif;
    font-weight: 500;
  }
}