/* ═══════════════════════════════════════════════════════════════════
   ADINA UI — jetons partagés du système de design de l'agence
   Source de vérité : /design-system/MASTER.md
   Usage dans un outil :  <link rel="stylesheet" href="https://adina-immobilier.fr/adina-ui.css">
   (+ importer Inter & Playfair Display — voir MASTER.md §2)
   ═══════════════════════════════════════════════════════════════════ */
:root {
  /* Palette ADINA (la seule autorisée) */
  --coral: #FF5757;
  --coral-dark: #e8473f;
  --peach: #FCA382;
  --cream: #F7F2EE;
  --bg: #FBF8F5;
  --surface: #ffffff;
  --ink: #1a1614;
  --ink-soft: #5d5853;
  --gray: #8f8b86;
  --line: #ece4db;
  --success: #10b981;
  --danger: #FF5757;
  --accent-soft: rgba(255, 87, 87, .09);
  --grad: linear-gradient(135deg, var(--peach), var(--coral));

  /* Ombres — trois niveaux, aucun autre */
  --shadow-sm: 0 1px 2px rgba(26,22,20,.04), 0 2px 8px rgba(26,22,20,.04);
  --shadow-md: 0 6px 24px rgba(26,22,20,.08);
  --shadow-lg: 0 20px 50px rgba(26,22,20,.14);

  /* Formes */
  --radius: 18px;
  --radius-sm: 12px;
  --radius-pill: 100px;

  /* Typographie */
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-display: "Playfair Display", Georgia, serif;
}

/* Focus visible unifié */
.adn :focus-visible, .adn-focus:focus-visible { outline: 2px solid var(--coral); outline-offset: 2px; }

/* Composants de base (opt-in via classes .adn-*) */
.adn-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--coral); color: #fff; border: none; cursor: pointer;
  font: 600 14.5px/1 var(--font-body); padding: 12px 20px; border-radius: var(--radius-sm);
  transition: background .18s ease, transform .12s ease;
}
.adn-btn:hover { background: var(--coral-dark); }
.adn-btn:active { transform: scale(.98); }
.adn-btn[disabled] { opacity: .5; cursor: default; }

.adn-btn-ghost {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--surface); color: var(--ink); border: 1px solid var(--line); cursor: pointer;
  font: 600 13.5px/1 var(--font-body); padding: 11px 18px; border-radius: var(--radius-sm);
  transition: border-color .18s ease;
}
.adn-btn-ghost:hover { border-color: var(--peach); }

.adn-card {
  background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius); box-shadow: var(--shadow-sm);
  transition: box-shadow .18s ease, transform .18s ease;
}
.adn-card-hover:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }

.adn-input {
  width: 100%; box-sizing: border-box; background: var(--surface); color: var(--ink);
  border: 1px solid var(--line); border-radius: var(--radius-sm);
  font: 400 14.5px/1.4 var(--font-body); padding: 11px 13px;
}
.adn-input:focus { outline: none; border-color: var(--coral); box-shadow: 0 0 0 3px rgba(255,87,87,.12); }

.adn-title { font-family: var(--font-display); font-weight: 700; color: var(--ink); letter-spacing: -.01em; }