/* Charte graphique Cime & Rive — couleurs et typographies définies dans
   CHARTE-GRAPHIQUE.md. Centralisé ici, rien d'autre à chercher ailleurs. */

:root {
  --cr-primary: #1B3A4B;      /* bleu profond : lac, crédibilité */
  --cr-slate: #5C7A8A;         /* gris-bleu ardoise : roche, montagne */
  --cr-amber: #D9A566;         /* ambre : accent chaleureux, jamais en fond large */
  --cr-bg: #FAF8F4;            /* blanc cassé */
  --cr-bg-soft: #F6F8F3;
  --cr-line: #DCE1E3;
  --cr-ink: #22303A;
  --cr-muted: #8b958f;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--cr-bg);
  color: var(--cr-ink);
  font-family: 'Inter', sans-serif;
}

.cr-serif { font-family: 'Playfair Display', serif; }

a { color: inherit; text-decoration: none; }

/* En-tête */
.cr-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 32px;
  border-bottom: 1px solid var(--cr-line);
  background: var(--cr-bg);
}
.cr-header { padding: 22px 32px; }
.cr-logo { display: flex; align-items: center; }
.cr-logo-name {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-size: 32px;
  color: var(--cr-primary);
}
.cr-logo-amp { color: var(--cr-amber); padding: 0 3px; }
.cr-logo-sub {
  font-size: 13px;
  letter-spacing: 3.5px;
  color: var(--cr-slate);
  margin-top: 3px;
  font-weight: 500;
}
.cr-nav { display: flex; align-items: center; gap: 22px; font-size: 14px; color: var(--cr-slate); }
.cr-nav a:hover { color: var(--cr-primary); }
.cr-nav .active { color: var(--cr-primary); font-weight: 500; }
.cr-nav .cr-espace-client {
  color: var(--cr-primary);
  border: 1px solid var(--cr-line);
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 13px;
}

/* Boutons */
.cr-btn-amber {
  display: inline-block;
  background: var(--cr-amber);
  color: #412402;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}
.cr-btn-outline {
  display: inline-block;
  background: #fff;
  color: var(--cr-primary);
  border: 1px solid var(--cr-primary);
  font-size: 13px;
  font-weight: 500;
  padding: 11px 22px;
  border-radius: 4px;
  cursor: pointer;
}

/* Formulaires */
.cr-field, textarea.cr-field, select.cr-field {
  border: 1px solid var(--cr-line);
  border-radius: 4px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  color: var(--cr-ink);
  background: #fff;
  width: 100%;
}
.cr-label { font-size: 12px; color: var(--cr-slate); display: block; margin-bottom: 5px; }

/* Cartes bien */
.cr-bien-card {
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 10px rgba(27,58,75,0.08);
}
.cr-bien-photo {
  height: 220px;
  background: var(--cr-line);
  background-size: cover;
  background-position: center;
  position: relative;
}
.cr-badge-nouveau {
  position: absolute; top: 14px; left: 14px;
  background: var(--cr-primary); color: #fff;
  font-size: 11px; letter-spacing: 1px; padding: 5px 10px; border-radius: 3px;
}
.cr-badge-vendu {
  position: absolute; top: 14px; left: 14px;
  background: var(--cr-amber); color: #412402; font-weight: 600;
  font-size: 11px; letter-spacing: 1px; padding: 5px 10px; border-radius: 3px;
}
.cr-dpe { display: inline-block; padding: 1px 7px; border-radius: 3px; font-weight: 600; color: #fff; }
.cr-dpe-A { background: #1a9850; } .cr-dpe-B { background: #66bd63; } .cr-dpe-C { background: #a6d96a; color: #22303A; }
.cr-dpe-D { background: #fee08b; color: #22303A; } .cr-dpe-E { background: #fdae61; }
.cr-dpe-F { background: #f46d43; } .cr-dpe-G { background: #d73027; }

.cr-footer {
  padding: 20px 32px;
  border-top: 1px solid var(--cr-line);
  font-size: 12px;
  color: var(--cr-muted);
  text-align: center;
}

.cr-container { max-width: 1000px; margin: 0 auto; padding: 0 32px; }