/* styles.css - Palette personnalisée Club Optimiste */

:root {
    --blue: #17468e;   /* Couleur principale extraite du logo */
    --cream: #f1e6ba;  /* Fond doux */
    --gold: #8d744a;   /* Accent or/brun */
    --tan: #b6a995;    /* Tan clair */
    --muted: #626a91;  /* Accent secondaire */
    --white: #ffffff;
  }
  
  /* Couleurs de texte */
  .text-primary { color: var(--blue) !important; }
  .text-gold { color: var(--gold) !important; }
  .text-muted { color: var(--muted) !important; }
  
  /* Couleurs de fond */
  .bg-tan { background-color: var(--tan) !important; }
  .bg-cream { background-color: var(--cream) !important; }
  
  /* Boutons personnalisés */
  .btn-gold {
    background-color: var(--gold);
    color: var(--white);
    border: none;
  }
  .btn-gold:hover {
    background-color: #735d38;
    color: var(--white);
  }
  
  .btn-outline-gold {
    background-color: transparent;
    border: 2px solid var(--gold);
    color: var(--gold);
  }
  .btn-outline-gold:hover {
    background-color: var(--gold);
    color: var(--white);
  }
  
  /* Section Hero */
  .badge.bg-tan {
    background-color: var(--tan) !important;
    color: var(--blue) !important;
  }
  
  /* Cards */
  .card {
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.05);
    background: var(--white);
  }
  
  /* Footer */
  footer {
    font-size: 0.9rem;
  }