/* ───────────────────────────────────────────────────────
   CHARTE AFAQ TECH — Holding institutionnelle
   Bleu nuit + Or chaud + Ivoire
   ─────────────────────────────────────────────────────── */

@import url('charte_commune.css');

:root {
  /* COULEURS PRIMAIRES AFAQ TECH */
  --primary: #0A1428;        /* Bleu nuit */
  --primary-light: #1A2440;
  --primary-dark: #050A18;

  --accent: #D4A862;         /* Or chaud */
  --accent-light: #E0BC7C;
  --accent-dark: #B8893E;

  --surface: #F5F2EA;        /* Ivoire chaud */
  --surface-warm: #FDFAF3;

  /* TEXTE */
  --text-primary: #0A1428;
  --text-secondary: #5A6478;
  --text-tertiary: #8B94A8;
  --text-on-dark: #F5F2EA;

  /* BORDURES */
  --border-light: rgba(212, 168, 98, 0.15);
  --border-default: rgba(212, 168, 98, 0.3);
  --border-strong: rgba(212, 168, 98, 0.5);

  /* ÉTATS */
  --success: #2D7A3E;
  --warning: #B8893E;
  --error: #C0392B;
  --info: #2A5A8C;
}

/* TITRES AFAQ TECH */
.brand-title {
  font-family: var(--font-heading);
  color: var(--primary);
  font-weight: 500;
  letter-spacing: -0.02em;
}

.brand-title em {
  font-style: italic;
  color: var(--accent);
}

/* BOUTON PRIMAIRE AFAQ TECH */
.btn-primary {
  background: var(--primary);
  color: var(--surface);
  padding: 12px 28px;
  border-radius: var(--radius-md);
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14px;
  border: none;
  cursor: pointer;
  transition: all var(--transition-default);
  letter-spacing: 0.01em;
}

.btn-primary:hover {
  background: var(--primary-light);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

/* CARTE AFAQ TECH */
.card {
  background: white;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  transition: border-color var(--transition-fast);
}

.card:hover {
  border-color: var(--border-default);
}

/* LIEN AFAQ TECH */
a.brand-link {
  color: var(--accent-dark);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color var(--transition-fast);
}

a.brand-link:hover {
  border-bottom-color: var(--accent-dark);
}