/* Habillage Gida — identité de l'application (docs/identite-visuelle.md) : vert forêt, terracotta, sable ; Lora + Karla */
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/lora-latin.woff2) format('woff2'); }
@font-face { font-family: 'Karla'; font-style: normal; font-weight: 400 800; font-display: swap; src: url(../fonts/karla-latin.woff2) format('woff2'); }
.outil-gida {
  --o-primary: #2F4438;
  --o-primary-dark: #223328;
  --o-accent: #C1633B;
  --o-dark: #2F4438;
  --o-on-dark: #E3DBCB;
  --o-bg: #F3E9DA;
  --o-ink: #241C15;
  --o-hero-bg: #F3E9DA;
  --o-font-head: 'Lora', Georgia, serif;
  --o-font-body: 'Karla', 'Segoe UI', system-ui, sans-serif;
  --text-soft: #5C5146;
  --border: #E2D5C0;
  background: #FBF6EE;
}
.outil-gida h1, .outil-gida h2, .outil-gida h3 { font-weight: 600; letter-spacing: -.01em; }
.outil-gida .btn, .outil-gida .o-nav a, .outil-gida .eyebrow, .outil-gida .o-tag { font-family: 'Karla', sans-serif; }
.outil-gida .o-header { background: rgba(251,246,238,.94); }
.outil-gida .o-hero h1 em { font-style: italic; color: #C1633B; }
.outil-gida .o-hero::after { background: #C1633B; opacity: .12; }
.outil-gida .o-hero::before { background: #D6A24C; opacity: .28; }
.outil-gida .o-tag { background: #EBDCC4; }
.outil-gida .card, .outil-gida .o-feature, .outil-gida .o-step, .outil-gida .form-card, .outil-gida .o-demo-box { background: #FBF6EE; border-radius: 20px; }
.outil-gida .o-feature::before { background: #D6A24C; }
.outil-gida .o-ic { background: #EBDCC4; color: #2F4438; border-radius: 16px; }
.outil-gida .o-dark .eyebrow { color: #D6A24C; }
.outil-gida .o-phone.raw img { border-color: #241C15; }
.outil-gida .o-footer { background: #241C15; color: #CBBFAE; }