/* Oproto Custom Color Scheme */
/* Professional blue palette for MVP rebrand */

:root {
  /* Primary Colors */
  --color-primary: #2563EB;      /* blue-600 */
  --color-secondary: #0EA5E9;    /* sky-500 */
  
  /* Backgrounds */
  --color-bg-page: #F8FAFC;      /* gray-50 */
  --color-bg-card: #FFFFFF;      /* white */
  
  /* Text */
  --color-text-primary: #111827; /* gray-900 */
  --color-text-secondary: #6B7280; /* gray-500 */
  
  /* Gradients */
  --gradient-hero: linear-gradient(90deg, #2563EB 0%, #0EA5E9 100%);
}

/* Override DaisyUI theme variables for light mode */
[data-theme="light"] {
  --p: 217 91% 60%;  /* #2563EB - Primary blue */
  --s: 199 89% 48%;  /* #0EA5E9 - Secondary sky blue */
  --b1: 210 40% 98%; /* #F8FAFC - Base background */
  --bc: 220 13% 9%;  /* #111827 - Base content (text) */
}

/* Override DaisyUI theme variables for dark mode */
[data-theme="dark"] {
  --p: 217 91% 60%;  /* #2563EB - Keep same primary */
  --s: 199 89% 48%;  /* #0EA5E9 - Keep same secondary */
  /* Keep default dark mode backgrounds */
}

/* Hero gradient background utility class */
.hero-gradient {
  background: linear-gradient(90deg, #2563EB 0%, #0EA5E9 100%);
}

/* Override any existing purple gradient classes */
.bg-gradient-to-br.from-primary.to-secondary {
  background: linear-gradient(90deg, #2563EB 0%, #0EA5E9 100%) !important;
}

.bg-gradient-to-r.from-primary.to-secondary {
  background: linear-gradient(90deg, #2563EB 0%, #0EA5E9 100%) !important;
}

/* Ensure text is readable on gradient backgrounds */
.hero-gradient * {
  color: white;
}

/* Additional utility classes for consistency */
.text-primary-custom {
  color: var(--color-primary);
}

.text-secondary-custom {
  color: var(--color-secondary);
}

.bg-page {
  background-color: var(--color-bg-page);
}

.bg-card {
  background-color: var(--color-bg-card);
}