/* Catamaran Zéphyr — design tokens Direction retenue : « Carnet de bord » (éditorial clair, lin & bleu nuit). Voir design_handoff_catamaran_zephyr/CHARTE-GRAPHIQUE.md pour les règles d'usage. L'`@import` de Google Fonts du fichier d'origine a été retiré : un `@import` en tête de feuille sérialise le téléchargement des polices derrière celui du CSS, soit un aller-retour de plus sur le chemin critique du LCP. Les polices sont demandées par `preconnect` + `link` dans le `` du gabarit. */ :root { /* Couleurs */ --cz-ink: #0B1B3D; /* bleu nuit, ancrage */ --cz-ink-hover: #16305e; --cz-paper: #FBF9F5; /* fond général */ --cz-paper-cold: #F8F9FA; /* fond alternatif */ --cz-paper-warm: #F3EFE7; /* survol de carte */ --cz-linen: #E6DFD5; /* bandes de section */ --cz-line: #DCD6CC; /* hairline 1px */ --cz-line-linen: #c9c0b2; /* hairline sur lin */ --cz-brass: #A8845C; /* micro-détail */ --cz-brass-deep: #8a6a42; /* laiton sur lin */ --cz-text: #4a5568; --cz-text-soft: #5a5449; --cz-text-mute: #6b7280; --cz-label: #8a8175; --cz-label-soft: #a8a294; --cz-cal-free: #EFEBE3; --cz-whatsapp: #25D366; /* Typographie */ --cz-display: 'Cormorant Garamond', Georgia, serif; --cz-text-font: Inter, -apple-system, sans-serif; --cz-mono: 'JetBrains Mono', ui-monospace, monospace; --cz-h1: 300 82px/1.02 var(--cz-display); --cz-h2: 300 50px/1.08 var(--cz-display); --cz-chapter: 300 36px/1.12 var(--cz-display); --cz-roman: italic 300 42px/1 var(--cz-display); --cz-product: 300 26px/1.2 var(--cz-display); --cz-quote: italic 300 32px/1.45 var(--cz-display); --cz-body: 300 14px/1.85 var(--cz-text-font); --cz-body-sm: 300 13px/1.75 var(--cz-text-font); --cz-button: 500 11px/1 var(--cz-text-font); --cz-nav: 400 12px/1 var(--cz-text-font); --cz-eyebrow: 400 10px/1 var(--cz-mono); --cz-coords: 500 11px/1 var(--cz-mono); --cz-ls-h1: -2.2px; --cz-ls-h2: -1.2px; --cz-ls-button: 2px; --cz-ls-nav: 1.4px; --cz-ls-eyebrow: 2.4px; --cz-ls-coords: 2.6px; /* Espacement & formes */ --cz-pad-x: 48px; /* 16px en mobile */ --cz-pad-card: 28px; --cz-hairline: 1px; --cz-horizon: 2px; /* trait signature des coordonnées */ --cz-radius: 0; /* Mouvement */ --cz-ease: cubic-bezier(.4, 0, .2, 1); --cz-dur: 240ms; } /* Aucune ombre portée dans le système. Aucun dégradé, sauf le voile de protection sous une photo portant du texte : */ .cz-photo-protection { background: linear-gradient(to bottom, transparent, rgba(11, 27, 61, .8)); }