/* ==========================================================================
   AMBIANCE « ARTISAN » — bâtiment, mécanique, métiers manuels
   Franche et solide, mais pas brutale : angles courts, matières mates,
   titres larges. On doit sentir l'outil, pas le béton.
   ========================================================================== */
@import url('/vendor/fonts/bricolage.css');
@import url('/vendor/fonts/manrope.css');

:root {
  --font: 'Manrope', system-ui, sans-serif;
  --font-titre: 'Bricolage Grotesque', 'Manrope', sans-serif;
  --radius-sm: 4px;
  --radius-base: 6px;
  --radius-lg: 12px;
  --radius-xl: 18px;
}

/* clair (défaut) */
:root {
  --color-bg: #FFFFFF;
  --color-bg-alt: #F3F4F1;
  --color-surface: #FFFFFF;
  --color-text: #16181A;
  --color-muted: #5C6470;
  --color-border: #DEDFDA;
}

/* mode sombre de l'appareil — sans ça, le texte clair du socle
   se retrouve sur un fond clair : illisible */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #101214;
    --color-bg-alt: #171A1D;
    --color-surface: #171A1D;
    --color-text: #F2F4F5;
    --color-muted: #98A1AC;
    --color-border: #2A2F34;
}
}

/* thème forcé par le config, prioritaire sur l'appareil */
:root[data-theme="light"] {
  --color-bg: #FFFFFF;
  --color-bg-alt: #F3F4F1;
  --color-surface: #FFFFFF;
  --color-text: #16181A;
  --color-muted: #5C6470;
  --color-border: #DEDFDA;
}
:root[data-theme="dark"] {
  --color-bg: #101214;
  --color-bg-alt: #171A1D;
  --color-surface: #171A1D;
  --color-text: #F2F4F5;
  --color-muted: #98A1AC;
  --color-border: #2A2F34;
}

.hero-title, h1, h2, h3, .navbar-brand, .service-card h3 {
  font-family: var(--font-titre); font-weight: 800; letter-spacing: -.035em;
}
.hero-title { font-size: clamp(2.4rem, 6.4vw, 4.5rem); line-height: .97; }
.section-label { font-family: var(--font-titre); font-weight: 800; letter-spacing: .15em; font-size: .72rem; }

/* Le socle réserve son accent dégradé (filet du haut) au survol : au repos,
   une ombre mate légère suffit à donner du relief sans le rendre luisant —
   un artisan ne vend pas du verre poli. */
.service-card {
  box-shadow: 0 2px 10px rgba(22,24,26,.05);
}
@media (prefers-color-scheme: dark) {
  .service-card { box-shadow: 0 2px 10px rgba(0,0,0,.28); }
}
:root[data-theme="dark"] .service-card { box-shadow: 0 2px 10px rgba(0,0,0,.28); }

.btn { font-weight: 700; }