/**
 * CSS Variables for Design Template
 * This file contains all theme variables for consistency across the site
 */

:root {
  /* Colors */
  --primary-color: #800000;
  --secondary-color: #6c757d;
  --success-color: #198754;
  --info-color: #0dcaf0;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --light-color: #f8f9fa;
  --dark-color: #212529;
  
  /* Button styles */
  --button-hover-bg: #a30000;
  --button-hover-border: #a30000;
  --button-primary-text: #ffffff; /* Added text color variable for primary buttons */
  --button-outline-text: #800000; /* New: text color for outline buttons */
  --button-outline-active-text: #ffffff; /* New: text color for active outline buttons */
  
  /* Transitions */
  --transition: all 0.3s ease;
  
  /* Border properties */
  --border-radius: 0.25rem;
  
  /* Shadows */
  --box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --card-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.12);
  
  /* Header */
  --header-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  
  /* Spacing */
  --section-spacing: 4rem 0;
}

/* Dark theme variables - can be expanded in the future */
.dark-theme {
  --primary-color: #c00000;
  --light-color: #121212;
  --dark-color: #e1e1e1;
  --button-primary-text: #ffffff; /* Ensuring button text remains light in dark theme */
  --button-outline-text: #c00000; /* Dark theme outline button text */
  --button-outline-active-text: #ffffff; /* Dark theme active outline button text */
  /* Add more dark theme variables as needed */
}