/*
Theme Name: ISNAR-IMG
Theme URI:  https://www.isnar-img.com
Author:     ISNAR-IMG
Description: Thème sur-mesure pour l'ISNAR-IMG, traduit de la maquette Figma.
Version:    1.0
License:    GPL-2.0-or-later
Text Domain: isnar-img
*/

/* ---------- Palette & tokens ---------- */
:root {
  --orange:       #E8763C;
  --orange-dark:  #D9662C;
  --orange-soft:  #FCEDE3;
  --navy:         #22315F;
  --navy-deep:    #1C2A52;
  --blue-tag:     #2B3A67;
  --ink:          #1B1B1B;
  --muted:        #6C727F;
  --line:         #E6E8EC;
  --bg:           #FFFFFF;
  --bg-soft:      #F1F3F5;
  --radius:       10px;
  --radius-pill:  999px;
  --maxw:         1120px;
  --gap:          24px;
}

/* ---------- Reset léger ---------- */
*,*::before,*::after { box-sizing: border-box; }
body { margin: 0; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }
button { font: inherit; cursor: pointer; }

/* ---------- Base ---------- */
body {
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: var(--ink);
  background: var(--bg);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.container { max-width: var(--maxw); margin: 0 auto; padding: 0 20px; }

h1,h2,h3 { line-height: 1.2; margin: 0; }
p { margin: 0 0 1rem; }

/* ---------- Boutons ---------- */
.btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 22px; border-radius: var(--radius-pill);
  font-weight: 600; font-size: 14px; border: 1px solid var(--navy);
  color: var(--navy); background: #fff; transition: .15s;
}
.btn:hover { background: var(--navy); color: #fff; }
.btn--orange { background: var(--orange); border-color: var(--orange); color: #fff; }
.btn--orange:hover { background: var(--orange-dark); border-color: var(--orange-dark); }
.btn__arrow { width: 22px; height: 22px; border-radius: 50%; border: 1px solid currentColor;
  display: inline-flex; align-items: center; justify-content: center; font-size: 13px; }