:root {
  /* === Couleurs principales === */
  --cassiopeia-color-primary: #0FADA8;
  --cassiopeia-color-link: #A87408;
  --cassiopeia-color-hover: #165100;

  /* === Fond et texte === */
  --cassiopeia-background:        #165100;
  --cassiopeia-text-dark:         #2D2D2D;
  --cassiopeia-text-light:        #ffffff;

  /* === Navbar === */
  --cassiopeia-navbar-bg:         #2C5F8A;
  --cassiopeia-navbar-color:      #ffffff;
  --cassiopeia-navbar-hover-bg:   #1a3f5f;
  --cassiopeia-navbar-hover-color:#F4A623;

  /* === Boutons === */
  --cassiopeia-color-button:      #F4A623;
  --cassiopeia-color-button-text: #ffffff;

  /* === Polices === */
  --cassiopeia-font-family-body:  'Inter', sans-serif;
  --cassiopeia-font-family-headings: 'Poppins', sans-serif;
}

.custom {
  --cassiopeia-color-primary: #0FADA8;
  --cassiopeia-color-link: #A87408;
  --cassiopeia-color-hover: #165100;
}

.own {
  --cassiopeia-color-primary: #0FADA8;
  --cassiopeia-color-hover: #342820;
  --cassiopeia-color-link: #0FADA8;
}

/* Titres */
h1, h2, h3 { font-family: var(--font-title); color: var(--color-primary); }
body { font-family: var(--font-main); color: var(--color-text); }

/* Boutons */
.btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  border-radius: 8px;
  font-weight: 600;
}

/* Liens */
a { color: var(--color-primary); }
a:hover { color: var(--color-secondary); }