/* marco-platform.css — l'identité marco appliquée aux pages du SERVICE.

   POURQUOI CE FICHIER. L'accueil marco.lu est en papier et laiton (Fraunces,
   Space Mono) ; les pages servies sous fwp.marco.lu — landing, création, CGU,
   super-admin — héritaient de la palette générique de base.css : teal, Inter,
   hero bleu-nuit. Un visiteur qui cliquait « Créer ma page » depuis l'accueil
   changeait de marque à mi-parcours.

   COMMENT. base.css ne code aucune couleur en dur : il pose des variables sur
   :root et attend qu'un thème les écrase. On n'écrase donc RIEN d'autre que ces
   variables — pas une règle de mise en page, pas un sélecteur de composant. La
   structure reste commune aux deux marques, seule l'ambiance change.

   CONSÉQUENCE POUR 428 : aucune. Ce fichier n'est chargé que si la marque
   courante est marco (voir brand_css_platform() dans inc/brand_assets.php) ;
   il n'existe pas de 428-platform.css, donc 428 continue de servir exactement
   les mêmes octets qu'avant.

   Les valeurs sont celles de brands/marco.css, recopiées ici parce qu'une
   variable CSS ne traverse pas un fichier non chargé — et que charger tout
   marco.css sur ces pages amènerait aussi la mise en page de l'accueil. */

:root {
  /* Papier et encre */
  --bg:      #f4f0e6;   /* papier vergé, légèrement chaud */
  --ink:     #241f1b;
  --text:    #241f1b;
  --muted:   #6d6459;
  --card:    #fbf9f4;   /* feuille posée sur le papier : à peine plus claire */
  --line:    rgba(36, 31, 27, .16);

  /* Laiton */
  --accent:    #8a6a2f;
  --accent-2:  #b08d57;
  --on-accent: #f4f0e6;

  /* Le hero de marco ne s'assombrit pas.
     L'accueil de la marque n'a aucun aplat sombre : lui coller un bloc
     bleu-nuit ici aurait remplacé une incohérence par une autre. On garde
     donc le papier, et c'est le filet de laiton qui marque la séparation. */
  --hero-bg:      linear-gradient(180deg, #efe9db 0%, #f4f0e6 100%);
  --hero-ink:     #241f1b;
  --hero-eyebrow: #8a6a2f;
  --hero-line:    rgba(36, 31, 27, .16);

  /* Chips : posés sur du clair, ils s'assombrissent au lieu de s'éclaircir. */
  --chip-bg:     rgba(36, 31, 27, .05);
  --chip-border: rgba(36, 31, 27, .14);

  /* Typographie de la marque, identique à l'accueil. */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-text:    'Fraunces', Georgia, 'Times New Roman', serif;
  --font-data:    'Space Mono', ui-monospace, 'Courier New', monospace;

  /* Angles nets plutôt qu'arrondis : c'est la silhouette de l'accueil, où
     tout est à 3 px. On reste à 4 px ici, les cartes du service étant plus
     grandes que les boutons de l'accueil. */
  --radius: 4px;
  --shadow: 0 14px 40px -28px rgba(36, 31, 27, .45);
}

/* Le hero étant clair, son bouton principal doit redevenir lisible : sur fond
   sombre il était blanc sur teal, sur papier il devient laiton sur papier. */
.hero--landing .btn--ghost {
  border-color: var(--line);
  color: var(--ink);
  background: rgba(255, 255, 255, .55);
}

/* L'œil-de-bœuf « Beta » suit le laiton, comme sur l'accueil. */
.beta-badge { background: var(--accent); color: var(--on-accent); }

/* Les libellés en petites capitales monospace sont la signature de la marque :
   on les retrouve ici sur les eyebrows et les prix, comme sur l'accueil. */
.eyebrow,
.offer-price,
.foot-ver {
  font-family: var(--font-data);
  letter-spacing: .1em;
}