/*
Theme Name:   Hello Biz Child — QuickTalent
Theme URI:    https://quicktalent.fr
Description:  Theme enfant de Hello Biz pour quicktalent.fr. Palette anthracite, fondations CSS du job board.
Author:       Dan Salczer
Template:     hello-biz
Version:      1.2.0
Requires PHP: 8.1
Text Domain:  hello-biz-child
*/

/* =========================================================
   QuickTalent — Fondations CSS
   ========================================================= */

:root {
  /* Palette */
  --qt-anthracite: #2e3338;       /* fond principal sombre */
  --qt-anthracite-soft: #3a4046;  /* surfaces secondaires sur fond sombre */
  --qt-white: #ffffff;
  --qt-grey-100: #f5f6f7;         /* fonds de sections claires */
  --qt-grey-300: #d4d7da;         /* bordures, separateurs */
  --qt-grey-600: #6b7177;         /* texte secondaire */
  --qt-grey-900: #23272b;         /* texte principal sur fond clair */
  --qt-accent: #4f8cff;           /* PLACEHOLDER — a ajuster avec le logo */
  --qt-accent-hover: #3a76e8;     /* PLACEHOLDER — a ajuster avec le logo */

  /* Typo / rythme */
  --qt-radius: 6px;
  --qt-transition: 0.2s ease;
}

/* ---------- Liens ---------- */
body a {
  color: var(--qt-accent);
  text-decoration: none;
  transition: color var(--qt-transition);
}

body a:hover,
body a:focus {
  color: var(--qt-accent-hover);
}

/* ---------- Boutons de base ---------- */
.qt-btn,
button.qt-btn,
a.qt-btn {
  display: inline-block;
  padding: 0.75em 1.5em;
  border: none;
  border-radius: var(--qt-radius);
  background-color: var(--qt-accent);
  color: var(--qt-white);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  text-align: center;
  transition: background-color var(--qt-transition);
}

.qt-btn:hover,
.qt-btn:focus {
  background-color: var(--qt-accent-hover);
  color: var(--qt-white);
}

/* Variante secondaire (contour) */
.qt-btn--outline {
  background-color: transparent;
  border: 1px solid var(--qt-accent);
  color: var(--qt-accent);
}

.qt-btn--outline:hover,
.qt-btn--outline:focus {
  background-color: var(--qt-accent);
  color: var(--qt-white);
}

/* Variante sur fond anthracite */
.qt-btn--on-dark {
  background-color: var(--qt-white);
  color: var(--qt-anthracite);
}

.qt-btn--on-dark:hover,
.qt-btn--on-dark:focus {
  background-color: var(--qt-grey-100);
  color: var(--qt-anthracite);
}