/* ============================================================
   BASE.CSS — Repère
   Charte graphique commune : variables, reset, typographie,
   conteneurs. Chargé par TOUTES les vues. Le CSS propre à une
   vue vit à côté de cette vue (ex. fiches/static/equipe/).
   Charte reprise du projet rag_v3.
   ============================================================ */

:root {
  /* Couleurs principales */
  --color-primary:        #458651;   /* Vert principal — actions, liens actifs */
  --color-primary-dark:   #2f5e39;   /* Vert foncé — hover, focus */
  --color-primary-light:  #97b879;   /* Vert clair — badges, accents, « Labs » */
  --color-primary-bg:     #e8f0e3;   /* Fond vert très léger — sélection */

  /* Fonds */
  --color-bg:             #f4f7f0;   /* Fond général — légèrement teinté vert */
  --color-surface:        #ffffff;   /* Fond cards, panneaux, header */
  --color-surface-alt:    #f0f4ec;   /* Fond alternatif */
  --color-border:         #d5e0cd;   /* Bordures générales */
  --color-border-strong:  #adc4a1;   /* Bordures accentuées */

  /* Textes — contrastes forts pour lisibilité en environnement éclairé */
  --color-text:           #1a2319;   /* Texte principal — quasi noir teinté vert */
  --color-text-secondary: #4a5e48;
  --color-text-muted:     #7a8f78;
  --color-text-on-primary:#ffffff;

  /* États */
  --color-success:        #2d7a3a;
  --color-warning:        #c47c00;
  --color-danger:         #b52a1c;
  --color-success-bg:     #e6f4e8;
  --color-warning-bg:     #fdf3dc;
  --color-danger-bg:      #fdecea;

  /* Typographie */
  --font-body: 'DM Sans', 'Trebuchet MS', sans-serif;

  /* Rayons */
  --radius-md:  0.5rem;
  --radius-lg:  0.75rem;
  --radius-full:9999px;

  /* Ombres — légères pour environnement clair */
  --shadow-sm:  0 1px 3px rgba(26,35,25,0.08), 0 1px 2px rgba(26,35,25,0.06);
  --shadow-md:  0 4px 8px rgba(26,35,25,0.08), 0 2px 4px rgba(26,35,25,0.06);
  --shadow-focus: 0 0 0 3px rgba(69,134,81,0.35);

  /* Layout */
  --entete-hauteur: 3.5rem;
  --contenu-largeur-max: 720px;

  /* Cibles tactiles terrain industriel (WCAG 2.5.5) */
  --touch-target:    2.75rem;   /* 44px minimum */
  --touch-target-lg: 3.5rem;    /* 56px pour gants */
}

/* ---------- Reset ---------- */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font-body);
  line-height: 1.5;
  color: var(--color-text);
  background: var(--color-bg);
  min-height: 100vh;
  padding-top: var(--entete-hauteur);
}

img, video, iframe { display: block; max-width: 100%; }
button, input, select, textarea { font-family: inherit; font-size: 1rem; }
ul, ol { list-style: none; }

a { color: var(--color-primary); }

::selection { background: var(--color-primary-light); color: var(--color-text); }

/* ---------- Conteneur ---------- */
.container {
  max-width: var(--contenu-largeur-max);
  margin-inline: auto;
  padding: 1rem 1rem 3rem;
}

/* ---------- Titres et navigation de page ---------- */
.section-titre {
  font-size: 1.2rem;
  font-weight: 700;
  margin-block: 0.5rem 1rem;
}

.retour {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-target);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 0.25rem;
}