/*
Theme Name: Call Me Gems
Theme URI: https://www.callmegems.com/
Author: DIGITALABS
Author URI: https://digitalabs.ch/
Description: Thème sur mesure « Héritage » pour callmegems.com. Léger, vanilla, sans dépendance, compatible WPGlobus et Classic Editor. Remplace gk-portfolio.
Version: 1.0
Requires at least: 6.0
Requires PHP: 8.0
License: Propriétaire
Text Domain: callmegems
Tags: custom

Updated: 2026-08-09 13:50 (Europe/Zurich)

Socle du thème : jetons de design (source unique) + base. Les composants sont
dans assets/css/ (home, header, footer, lightbox), enqueues dans functions.php.
*/

/* ============================================================ jetons de design
   Source unique des couleurs, polices et mesures. Tout le reste s'y réfère. */

:root {
	--cmg-ivory:       #faf8f3; /* fond */
	--cmg-ink:         #1c1a17; /* texte, pied de page */
	--cmg-gold:        #a4884f; /* accents, survols, boutons */
	--cmg-gold-dark:   #8a6d3b; /* survol d'accent */
	--cmg-rule:        #e3dccb; /* filets */
	--cmg-menu:        #3a352f; /* texte du menu */
	--cmg-taupe:       #6b6154; /* texte secondaire */
	--cmg-body:        #4a443b; /* corps de texte */
	--cmg-badge-bd:    #d8cfbd; /* bordure pastille */
	--cmg-badge-tx:    #8a8177; /* texte pastille */
	--cmg-footer-tx:   #b3aa9c; /* texte pied */
	--cmg-footer-hd:   #e8e2d5; /* titres pied */
	--cmg-footer-rule: #35312b; /* filet pied */

	--cmg-serif: "Cormorant Garamond", Georgia, serif;
	--cmg-sans:  "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--cmg-max: 1170px;    /* largeur utile */
	--cmg-gutter: 30px;   /* marge latérale */
}

/* ================================================================= base reset */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: var(--cmg-ivory);
	color: var(--cmg-body);
	font-family: var(--cmg-sans);
	font-size: 15px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--cmg-gold);
	text-decoration: none;
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: var(--cmg-gold-dark);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--cmg-serif);
	font-weight: 500;
	color: var(--cmg-ink);
	line-height: 1.2;
	margin: 0 0 0.6em;
}

:focus-visible {
	outline: 2px solid var(--cmg-gold);
	outline-offset: 2px;
}

/* =================================================================== structure */

.site {
	overflow-x: hidden;
}

.container {
	width: 100%;
	max-width: var(--cmg-max);
	margin: 0 auto;
	padding: 0 var(--cmg-gutter);
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.site-main {
	padding: 40px 0 70px;
}