/* FoilQuiver Theme Colors - Overriding hugo-fresh theme */
:root {
  /* Sunset theme colors (accent colors) */
  --space-cadet: #1F214D;
  --eminence: #50366F;
  --magenta-dye: #BF3475;
  --burnt-sienna: #EE6C45;
  --sunglow: #FFCE61;
  
  /* Neutral colors for text and backgrounds */
  --neutral-50: #F9FAFB;
  --neutral-100: #F3F4F6;
  --neutral-200: #E5E7EB;
  --neutral-300: #D1D5DB;
  --neutral-400: #9CA3AF;
  --neutral-500: #6B7280;
  --neutral-600: #4B5563;
  --neutral-700: #374151;
  --neutral-800: #1F2937;
  --neutral-900: #111827;
  
  /* State colors */
  --light-selected: #FFE4EC;
  --light-temporary: #E6F4EA;
  --dark-selected: #4A2B3A;
  --dark-temporary: #1E3329;
  
  /* Semantic colors */
  --error: #DC2626;
  --success: #059669;
  --warning: var(--sunglow);
  
  /* Light theme (default) */
  --bg-primary: var(--neutral-50);
  --bg-secondary: var(--neutral-100);
  --bg-tertiary: var(--neutral-200);
  --text-primary: var(--neutral-900);
  --text-secondary: var(--neutral-700);
  --text-tertiary: var(--neutral-500);
  --text-inverse: var(--neutral-50);
  --border: var(--neutral-200);
  --primary: var(--magenta-dye);
  --secondary: var(--burnt-sienna);
}

/* Dark theme support */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary: var(--neutral-900);
    --bg-secondary: var(--neutral-800);
    --bg-tertiary: var(--neutral-700);
    --text-primary: var(--neutral-50);
    --text-secondary: var(--neutral-200);
    --text-tertiary: var(--neutral-400);
    --text-inverse: var(--neutral-900);
    --border: var(--neutral-700);
  }
}

/* Override hugo-fresh theme colors */
.navbar.is-fresh {
  background: #fff !important; /* White background */
}

.navbar.is-fresh .navbar-item.is-secondary {
  color: #4a4a4a !important; /* Dark text for white background */
}

.navbar.is-fresh .navbar-item.is-secondary:hover {
  background-color: #f5f5f5 !important; /* Light hover background */
  color: #363636 !important; /* Darker text on hover */
}

.navbar.is-fresh .button.signup-button {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text-inverse) !important;
}

.navbar.is-fresh .button.signup-button:hover {
  background-color: var(--magenta-dye) !important;
  opacity: 0.9;
}

/* Hero section overrides */
.hero.is-bold {
  background: #fafafa !important; /* Light background */
}

.hero .title {
  color: #363636 !important; /* Dark text for light background */
}

.hero .subtitle {
  color: #4a4a4a !important; /* Dark subtitle for light background */
}

/* Button overrides */
.button.cta.primary-btn {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text-inverse) !important;
}

.button.cta.primary-btn:hover {
  background-color: var(--magenta-dye) !important;
  opacity: 0.9;
}

.button.cta.secondary-btn {
  background-color: var(--burnt-sienna) !important;
  border-color: var(--burnt-sienna) !important;
  color: var(--text-inverse) !important;
}

.button.cta.secondary-btn:hover {
  background-color: var(--burnt-sienna) !important;
  opacity: 0.9;
}

.button.accent-btn {
  background-color: var(--sunglow) !important;
  border-color: var(--sunglow) !important;
  color: var(--text-primary) !important;
}

.button.accent-btn:hover {
  background-color: var(--sunglow) !important;
  opacity: 0.9;
}

/* Section overrides */
.section-feature-grey {
  background-color: var(--bg-secondary) !important;
}

.section-secondary {
  background: linear-gradient(135deg, var(--space-cadet) 0%, var(--eminence) 100%) !important;
}

.section-secondary .title,
.section-secondary .subtitle {
  color: var(--text-inverse) !important;
}

.section-light-grey {
  background-color: var(--bg-secondary) !important;
}

/* Footer overrides */
.footer.footer-dark {
  background-color: var(--space-cadet) !important;
}

.footer-dark .footer-header h3 {
  color: var(--text-inverse) !important;
}

.footer-dark .link-list a {
  color: var(--text-tertiary) !important;
}

.footer-dark .link-list a:hover {
  color: var(--text-inverse) !important;
}

/* Card and feature overrides */
.feature-card {
  border-color: var(--border) !important;
}

.feature-card .card-title h4 {
  color: var(--text-primary) !important;
}

.feature-card .card-text p {
  color: var(--text-secondary) !important;
}

/* Icon box overrides */
.icon-box .icon-box-title {
  color: var(--text-primary) !important;
}

.icon-box .icon-box-text {
  color: var(--text-secondary) !important;
}

/* Testimonial overrides */
.testimonial blockquote {
  color: var(--text-inverse) !important;
}

.testimonial .author h5 {
  color: var(--text-inverse) !important;
}

.testimonial .author span {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Form overrides */
.input, .textarea {
  border-color: var(--border) !important;
}

.input:focus, .textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 0.125em rgba(191, 52, 117, 0.25) !important;
}

/* Utility classes */
.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--text-secondary) !important; }
.text-accent { color: var(--burnt-sienna) !important; }
.text-warning { color: var(--warning) !important; }
.text-success { color: var(--success) !important; }
.text-error { color: var(--error) !important; }

.bg-primary { background-color: var(--primary) !important; }
.bg-secondary { background-color: var(--bg-secondary) !important; }
.bg-accent { background-color: var(--burnt-sienna) !important; }
.bg-warning { background-color: var(--warning) !important; }
.bg-success { background-color: var(--success) !important; }
.bg-error { background-color: var(--error) !important; }

/* Additional theme overrides to ensure consistency */
.section-secondary {
  background: linear-gradient(135deg, var(--space-cadet) 0%, var(--eminence) 100%) !important;
}

.section-secondary .title,
.section-secondary .subtitle {
  color: var(--text-inverse) !important;
}

/* Ensure form elements use our color scheme */
.input:focus, .textarea:focus {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 0.125em rgba(191, 52, 117, 0.25) !important;
}

/* Override any remaining theme defaults */
.navbar.is-fresh .navbar-item {
  color: var(--text-inverse) !important;
}

.navbar.is-fresh .navbar-item:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Ensure all buttons use our color scheme */
.button.cta.primary-btn,
.button.signup-button,
.button.primary-btn {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text-inverse) !important;
}

.button.cta.primary-btn:hover,
.button.signup-button:hover,
.button.primary-btn:hover {
  background-color: var(--magenta-dye) !important;
  opacity: 0.9;
}

.button.cta.secondary-btn,
.button.secondary-btn {
  background-color: var(--burnt-sienna) !important;
  border-color: var(--burnt-sienna) !important;
  color: var(--text-inverse) !important;
}

.button.cta.secondary-btn:hover,
.button.secondary-btn:hover {
  background-color: var(--burnt-sienna) !important;
  opacity: 0.9;
}

/* Ensure feature cards use our color scheme */
.feature-card {
  border-color: var(--border) !important;
  background-color: var(--bg-primary) !important;
}

.feature-card .card-title h4 {
  color: var(--text-primary) !important;
}

.feature-card .card-text p {
  color: var(--text-secondary) !important;
}

/* Icon box styling */
.icon-box .icon-box-title {
  color: var(--text-primary) !important;
}

.icon-box .icon-box-text {
  color: var(--text-secondary) !important;
}

/* Testimonial styling */
.testimonial blockquote {
  color: var(--text-inverse) !important;
}

.testimonial .author h5 {
  color: var(--text-inverse) !important;
}

.testimonial .author span {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Gradient utilities */
.gradient-primary {
  background: linear-gradient(135deg, var(--space-cadet) 0%, var(--eminence) 100%) !important;
}

.gradient-sunset {
  background: linear-gradient(135deg, var(--magenta-dye) 0%, var(--burnt-sienna) 100%) !important;
}

.gradient-warm {
  background: linear-gradient(135deg, var(--burnt-sienna) 0%, var(--sunglow) 100%) !important;
}