/*
 * (c) 2026 WebsterHart (Holdings) Limited. All rights reserved.
 * Proprietary and confidential. Any unauthorised copying, reproduction, modification,
 * distribution or reverse engineering of this file, in whole or in part, is strictly prohibited.
 *
 * ═══ CHARTE WEBSTERHART 2026 (Style Guide, sept. 2026) ═══
 * Fichier commun : il suffit de le charger en DERNIER dans le <head> d'une page
 * (<link rel="stylesheet" href="wh-brand.css?v=1">) pour l'habiller aux nouvelles couleurs.
 * Les pages ne sont pas modifiees : on remplace seulement leurs variables.
 *
 * Primaires   : Dark olive #464030 · Ivory #EBECDC · Off-white #F5F5ED · Coral #EE6B59
 * Secondaires : Light taupe #B9B0A5 · Taupe #83786B · Burgundy #4E1816 · Orange #FF946E
 * Typo        : Presti Text (titres) · DM Sans (texte). Repli officiel : Georgia / Arial.
 */

:root{
  /* Fonds */
  --ground:#F5F5ED;            /* Off-white */
  --ground-2:#EBECDC;          /* Ivory */
  --card:#FBFBF8;              /* Off-white, teinte la plus claire */

  /* Texte : Dark olive et ses teintes */
  --ink:#464030;
  --ink-70:rgba(70,64,48,0.88);
  --ink-60:rgba(70,64,48,0.72);
  --ink-45:rgba(70,64,48,0.56);

  /* Accents */
  --accent:#464030;            /* filets, survols, puces */
  --accent-soft:#6B6659;
  --accent-wash:rgba(70,64,48,0.06);
  --accent-line:rgba(70,64,48,0.28);
  --title-orange:#EE6B59;      /* Coral : mots en emphase */

  /* Couleurs d'appoint de la charte (remplacent moss / amber / watch...) */
  --moss:#83786B;              /* Taupe */
  --amber:#EE6B59;             /* Coral */
  --sage:#6B6659;
  --watch:#B9B0A5;             /* Light taupe */
  --over:#4E1816;              /* Burgundy */
  --over-wash:rgba(78,24,22,0.07);

  /* Lignes et ombres, teintees olive */
  --line:rgba(70,64,48,0.12);
  --line-soft:rgba(70,64,48,0.10);
  --line-strong:rgba(70,64,48,0.26);
  --shadow:0 1px 2px rgba(70,64,48,0.05), 0 6px 20px rgba(70,64,48,0.06);

  /* Typographies */
  --serif:"Presti Text", Georgia, "Times New Roman", serif;
  --sans:"DM Sans", Arial, -apple-system, system-ui, sans-serif;

  /* Regions et biens (pages de navigation) */
  --usa-accent:#4E1816;
  --yachts-accent:#83786B;
  --aircraft-accent:#B9B0A5;
}


/* ═══ PAGES OUTILS (Level Check, O&M, Works, Invoices, Project) ═══
   Ces pages utilisent un second jeu de variables : on les aligne aussi. */
:root{
  --cream-paper:#FBFBF8;       /* cartes, tableaux */
  --cream-stone:#F5F5ED;       /* fond de page */
  --cream-veil:#F3F4EA;        /* bandeaux, pied de page */
  --cream-sand:#EBECDC;        /* zones grisees, champs */
  --cream-oak:#908C83;

  --ink-deepest:#464030;       /* boutons pleins, maison active, onglet actif */
  --ink-deep:rgba(70,64,48,0.90);
  --ink-medium:rgba(70,64,48,0.80);
  --ink-soft:rgba(70,64,48,0.68);
  --ink-whisper:rgba(70,64,48,0.52);
  --line-medium:rgba(70,64,48,0.16);

  --brand-orange:#EE6B59;      /* Coral */
  --brand-orange-soft:#D95A48;

  /* Couleurs de statut : gardees lisibles, accordees a la palette */
  --st-done:#6B6659;
  --st-planned:#464030;
  --st-progress:#EE6B59;
}

body{ background:var(--ground); color:var(--ink-70); }

/* Voile sur la photo de fond : ton Off-white au lieu du blanc froid */
.stage::before{
  background:linear-gradient(to bottom,
    rgba(245,245,237,0.82) 0%,
    rgba(245,245,237,0.66) 22%,
    rgba(245,245,237,0.50) 55%,
    rgba(245,245,237,0.56) 100%) !important;
}

/* Titres : Presti Text Regular, emphase en italique Coral (comme la charte) */
.hero-title,.nav-name,.property-name,.section-title,.top-nav-mark{ font-weight:400; }
.hero-title em{ font-style:italic; font-weight:400; color:var(--title-orange); }
.nav-name em,.property-name em{ font-style:normal; font-weight:400; color:var(--ink); }

/* Le logo se lit en une seule couleur : pas de "Hart" en couleur */
.top-nav-mark em{ font-style:normal; font-weight:inherit; color:inherit; }

/* Cartes : ombre douce teintee olive, filet Coral au survol */
.nav-card,.property-card{
  border-color:var(--line);
  box-shadow:0 1px 2px rgba(70,64,48,0.05), 0 10px 30px rgba(70,64,48,0.10);
}
.nav-card::before,.property-card::before{ background:var(--title-orange); }
.nav-card:hover .nav-cta,.property-card:hover .property-cta{ color:var(--title-orange); }
.hero-rule{ background:var(--title-orange); }

/* Pied de page et ombres des cartes sur fond Ivory */
.footer{ background:var(--ground-2); border-top-color:var(--line); }
.footer-inner a:hover{ color:var(--title-orange); }

/* Logo image (WHlogo) : rendu Dark olive au lieu du noir pur.
   Le fichier officiel de la nouvelle charte (SVG) remplacera WHlogo.avif. */
.hero-logo{ filter:brightness(0) invert(23%) sepia(19%) saturate(560%) hue-rotate(6deg) brightness(95%) contrast(90%); opacity:1; }

/* Si le logo image ne charge pas, le nom de remplacement reste d'une seule couleur */
.hero-logo + .hero-title em{ font-style:normal; color:inherit; }

/* Chiffres des cases de synthese (montants, compteurs) : on garde la police
   d'avant (Newsreader), aux chiffres alignes, plus lisibles que ceux de Georgia. */
.stat-value,.stat-num,.stat-n,.td-num,.pl-stat b,.phase-stat .v,
.code-sum-table td.tot,.deposit-result-value{
  font-family:"Newsreader", ui-serif, Georgia, serif !important;
  font-variant-numeric:lining-nums;
}