/**
 * Variables personnalisées pour Bootstrap - Confrérie Sainte Clotilde
 * Ce fichier doit être importé avant le fichier styles.css
 */

:root {
  /* Couleurs principales */
  --primary: #870804;
  --primary-dark: #670603;
  --primary-light: #a73e3a;
  --secondary: #F2E8E6;
  --accent: #255880;
  --text: #5c5c5c;
  --light-text: #828282;
  --dark-text: #333333;
  --background: #fff;
  --light-background: #f8f8f8;
  --border: #ccc;
  --light-border: #eeeeee;
  
  /* Typographie */
  --header-font: 'EB Garamond', serif;
  --body-font: 'Source Sans Pro', sans-serif;
  --special-font: 'OldLondon', serif;

  /* Écrasement des variables Bootstrap */
  
  /* Couleurs */
  --bs-primary: var(--primary);
  --bs-primary-rgb: 135, 8, 4;
  --bs-secondary: var(--secondary);
  --bs-secondary-rgb: 242, 232, 230;
  --bs-success: #5c9a6e;
  --bs-success-rgb: 92, 154, 110;
  --bs-info: var(--accent);
  --bs-info-rgb: 37, 88, 128;
  --bs-warning: #d99e32;
  --bs-warning-rgb: 217, 158, 50;
  --bs-danger: #b3211e;
  --bs-danger-rgb: 179, 33, 30;
  --bs-light: var(--light-background);
  --bs-light-rgb: 248, 248, 248;
  --bs-dark: var(--dark-text);
  --bs-dark-rgb: 51, 51, 51;
  --bs-white: #ffffff;
  --bs-white-rgb: 255, 255, 255;
  
  /* Ombres */
  --bs-box-shadow: 0 .5rem 1rem rgba(var(--bs-dark-rgb), .15);
  --bs-box-shadow-sm: 0 .125rem .25rem rgba(var(--bs-dark-rgb), .1);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-dark-rgb), .175);
  
  /* Arrondi */
  --bs-border-radius: 0.25rem;
  --bs-border-radius-sm: 0.15rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 0.75rem;
  --bs-border-radius-2xl: 1rem;
  --bs-border-radius-pill: 50rem;
  
  /* Typographie */
  --bs-font-sans-serif: var(--body-font);
  --bs-font-monospace: 'SFMono-Regular', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--body-font);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-body-color: var(--text);
  --bs-body-color-rgb: 92, 92, 92;
  --bs-body-bg: var(--background);
  --bs-body-bg-rgb: 255, 255, 255;
  
  /* Navbar */
  --bs-navbar-dark-color: rgba(255, 255, 255, 0.9);
  --bs-navbar-dark-hover-color: #ffffff;
  --bs-navbar-dark-active-color: #ffffff;
  --bs-navbar-color: rgba(var(--bs-dark-rgb), 0.8);
  --bs-navbar-hover-color: var(--primary);
  --bs-navbar-active-color: var(--primary);
  
  /* Nav */
  --bs-nav-link-color: var(--primary);
  --bs-nav-link-hover-color: var(--primary-dark);
  --bs-nav-link-active-color: var(--primary-dark);
  
  /* Card */
  --bs-card-border-color: var(--light-border);
  --bs-card-cap-bg: rgba(var(--bs-primary-rgb), 0.05);
  --bs-card-bg: var(--background);
  --bs-card-color: var(--text);
  --bs-card-title-color: var(--primary);
  --bs-card-subtitle-color: var(--light-text);
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-border-width: 1px;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 1px);
  
  /* Buttons */
  --bs-btn-font-weight: 600;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-active-box-shadow: inset 0 3px 5px rgba(var(--bs-dark-rgb), 0.125);
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--primary-dark);
  --bs-btn-hover-border-color: var(--primary-dark);
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--primary-dark);
  --bs-btn-active-border-color: var(--primary-dark);
  
  /* Primary button */
  --bs-btn-primary-color: var(--bs-white);
  --bs-btn-primary-bg: var(--primary);
  --bs-btn-primary-border-color: var(--primary);
  --bs-btn-primary-hover-color: var(--bs-white);
  --bs-btn-primary-hover-bg: var(--primary-dark);
  --bs-btn-primary-hover-border-color: var(--primary-dark);
  --bs-btn-primary-active-color: var(--bs-white);
  --bs-btn-primary-active-bg: var(--primary-dark);
  --bs-btn-primary-active-border-color: var(--primary-dark);
  
  /* Secondary button */
  --bs-btn-secondary-color: var(--dark-text);
  --bs-btn-secondary-bg: var(--secondary);
  --bs-btn-secondary-border-color: var(--secondary);
  --bs-btn-secondary-hover-color: var(--dark-text);
  --bs-btn-secondary-hover-bg: #e8d8d6;
  --bs-btn-secondary-hover-border-color: #e8d8d6;
  --bs-btn-secondary-active-color: var(--dark-text);
  --bs-btn-secondary-active-bg: #e8d8d6;
  --bs-btn-secondary-active-border-color: #e8d8d6;
  
  /* Outline buttons */
  --bs-btn-outline-primary-color: var(--primary);
  --bs-btn-outline-primary-hover-color: var(--bs-white);
  --bs-btn-outline-primary-hover-bg: var(--primary);
  --bs-btn-outline-primary-active-color: var(--bs-white);
  --bs-btn-outline-primary-active-bg: var(--primary);
  
  /* Alerts */
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-primary-bg: rgba(var(--bs-primary-rgb), 0.1);
  --bs-alert-primary-border-color: rgba(var(--bs-primary-rgb), 0.25);
  --bs-alert-primary-color: var(--primary-dark);
  
  /* Form controls */
  --bs-form-control-bg: var(--background);
  --bs-form-control-disabled-bg: var(--light-background);
  --bs-form-control-border-color: var(--border);
  --bs-form-control-border-radius: var(--bs-border-radius);
  --bs-form-control-focus-border-color: #ba6b68;
  --bs-form-control-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
  
  /* List group */
  --bs-list-group-border-color: var(--light-border);
  --bs-list-group-active-bg: var(--primary);
  --bs-list-group-active-border-color: var(--primary);
  --bs-list-group-action-hover-color: var(--primary);
  --bs-list-group-action-hover-bg: var(--light-background);
  --bs-list-group-action-active-color: var(--primary-dark);
  --bs-list-group-action-active-bg: rgba(var(--bs-primary-rgb), 0.1);
  
  /* Accordion */
  --bs-accordion-border-color: var(--light-border);
  --bs-accordion-bg: var(--background);
  --bs-accordion-btn-color: var(--dark-text);
  --bs-accordion-btn-bg: var(--light-background);
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23870804'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333333'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-active-color: var(--primary);
  --bs-accordion-active-bg: rgba(var(--bs-primary-rgb), 0.05);
  
  /* Pagination */
  --bs-pagination-color: var(--primary);
  --bs-pagination-hover-color: var(--primary-dark);
  --bs-pagination-active-bg: var(--primary);
  --bs-pagination-active-border-color: var(--primary);
  
  /* Breadcrumb */
  --bs-breadcrumb-divider: '/';
  --bs-breadcrumb-divider-color: var(--light-text);
  --bs-breadcrumb-active-color: var(--primary);
  
  /* Progress */
  --bs-progress-bar-bg: var(--primary);
  
  /* Modal */
  --bs-modal-backdrop-bg: var(--dark-text);
  --bs-modal-header-border-color: var(--light-border);
  --bs-modal-footer-border-color: var(--light-border);
  
  /* Tooltip */
  --bs-tooltip-bg: var(--dark-text);
  --bs-tooltip-opacity: 0.95;
  
  /* Popover */
  --bs-popover-border-color: var(--light-border);
  --bs-popover-header-bg: var(--light-background);
  --bs-popover-header-color: var(--dark-text);
  
  /* Close button */
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}