@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-ExtraBoldItalic.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url('/fonts/Gilroy-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

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

@layer base {
  html {
    font-family: 'Gilroy', sans-serif;
  }
}

:root {
  /* Light theme */
  --background-primary: #f8f9fa;
  --background-secondary: #ffffff;
  --background-tertiary: #fdfdfd;
  --text-primary: #1f2937;
  --text-secondary: #4b5563;
  --text-muted-foreground: #6b7280;
  --border-primary: #e5e7eb;
  --hover-primary: #f4f4f5;

  /* Brand colors */
  --brand-primary: #42F; /* Nimbus Blue 500 */
  --brand-accent: #45F; /* Hooloovoo Blue 500 */
  --brand-slate: #030B6C; /* Midsummer Nights 800 */
  --brand-light: #EDE9FE; /* Nimbus Blue 50 */

  /* Status colors */
  --success-primary: #10b981;
  --success-secondary: #34d399;
  --warning-primary: #f59e0b;
  --warning-secondary: #fbbf24;
  --error-primary: #ef4444;
  --error-secondary: #f87171;
  --info-primary: #3b82f6;
  --info-secondary: #60a5fa;
}

.dark {
  /* Dark theme */
  --background-primary: #1a202c;
  --background-secondary: #2d3748;
  --background-tertiary: #4a5568;
  --text-primary: #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted-foreground: #94a3b8;
  --border-primary: #334155;
  --hover-primary: #1e293b;
  --brand-primary: #6366f1;
  --brand-accent: #8b5cf6;
  --brand-slate: #020617;
  --brand-slate-light: #0f172a;
  --brand-light: #cbd5e1;

  /* Status colors */
  --success-primary: #059669; /* Updated emerald */
  --success-secondary: #10b981; /* Brighter success */
  --warning-primary: #d97706; /* Keeping warm amber */
  --warning-secondary: #f59e0b; /* Consistent accent */
  --error-primary: #dc2626; /* Vibrant red */
  --error-secondary: #ef4444; /* Softer red */
  --info-primary: #3b82f6; /* Deeper blue */
  --info-secondary: #60a5fa; /* Softer blue */
}