/* ============================================================
   Dalious — surcouche charte (pilote reliftage, Q3 2026)
   Source de vérité : Dalious Design System (CLAUDE_CODE/data/…).
   Chargé APRÈS le CSS existant → pose typo + tokens + accents.
   Le remap des couleurs de marque (#1C3763 / #A41834) est fait
   directement dans le CSS compilé (sed). Réversible via git.
   ============================================================ */

/* --- Polices Gotham Narrow (self-host, licence webfont OK) --- */
@font-face { font-family:'Gotham Narrow'; font-weight:900; font-style:normal;
  src:url('/fonts/gotham/GothamNarrow-Black.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'Gotham Narrow'; font-weight:700; font-style:normal;
  src:url('/fonts/gotham/GothamNarrow-Bold.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'Gotham Narrow'; font-weight:500; font-style:normal;
  src:url('/fonts/gotham/GothamNarrow-Medium.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'Gotham Narrow'; font-weight:300; font-style:normal;
  src:url('/fonts/gotham/GothamNarrow-Light.woff2') format('woff2'); font-display:swap; }
@font-face { font-family:'Gotham Narrow'; font-weight:200; font-style:normal;
  src:url('/fonts/gotham/GothamNarrow-XLight.woff2') format('woff2'); font-display:swap; }

/* --- Tokens charte (extraits du DS) --- */
:root {
  --ink-900:#232323; --ink-700:#3d3d3d; --ink-500:#6e6e6e; --ink-300:#a6a6a6; --ink-100:#d9d7d3;
  --brand-blue:#2e74c7; --brand-blue-dark:#1f5fab;
  --brand-red:#e2342c; --brand-red-dark:#c1281f;
  --sage:#a3b677;
  --paper:#f2f1ef; --paper-cool:#eef0f1; --cream:#ede7dd; --cream-soft:#f4efe7;
  --font-display:'Gotham Narrow','Montserrat','Helvetica Neue',Arial,sans-serif;
  --font-body:'Mulish','Segoe UI',system-ui,sans-serif;
}

/* --- Typographie : Mulish corps, Gotham display --- */
body { font-family:var(--font-body); color:var(--ink-900); background:var(--paper); }
h1,h2,h3,h4,h5,h6,.product_name,.product_label,.titre,.section_title {
  font-family:var(--font-display); color:var(--ink-900); letter-spacing:-0.01em; }
h1{ font-weight:900; } h2{ font-weight:700; } h3,h4{ font-weight:500; }

/* --- Accents interactifs : cobalt pour les liens --- */
a { color:var(--brand-blue); }
a:hover { color:var(--brand-blue-dark); }

/* --- Boutons d'action : Gotham, cobalt (couleur d'action charte, sobre) --- */
button.primary, .addtocartbutton, .btn-primary, .form_actions button.primary {
  font-family:var(--font-display); font-weight:700; letter-spacing:0.01em;
  background:var(--brand-blue); border-color:var(--brand-blue); color:#fff;
}
button.primary:hover, .addtocartbutton:hover, .btn-primary:hover {
  background:var(--brand-blue-dark); border-color:var(--brand-blue-dark);
}

/* --- Ingrédients & documents produit : rendu discret (registre commande-only) --- */
.product_cell_ingredients h3 { font-size:13px; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-500); font-weight:700; }
.product_cell_ingredients p  { font-size:12px; line-height:1.5; color:var(--ink-700); }
.product_docs_compact .docs_label { font-size:12px; color:var(--ink-500); }

/* --- Champs de formulaire : sobriété, focus cobalt --- */
input, select, textarea { font-family:var(--font-body); }
input:focus, select:focus, textarea:focus {
  outline:2px solid var(--brand-blue); outline-offset:1px; border-color:var(--brand-blue);
}

/* --- Filets/surfaces neutres --- */
.alert-danger { border-left:3px solid var(--brand-red); }
.alert-success { border-left:3px solid var(--sage); }