/* ============================================================
   Ohmelec App — Tokens (repris du site Ohmelec)
   ============================================================ */
:root {
  /* Palette */
  --c-blue: #1E3A5F;
  --c-blue-dark: #142A47;
  --c-blue-light: #5B8AB8;
  --c-green: #3D8B5E;
  --c-green-dark: #2F6E4A;
  --c-bg: #F5F7F4;
  --c-bg-alt: #ECEFE9;
  --c-white: #FFFFFF;
  --c-text: #2C3E50;
  --c-text-soft: #5A6B7B;
  --c-border: #D8DEE3;
  --c-error: #B0303C;
  --c-success: #2F6E4A;
  --c-warn: #C77800;
  --c-warn-bg: #FFF3DD;
  --c-error-bg: #FCE4E7;
  --c-success-bg: #DCEEE3;

  /* Typo */
  --ff-heading: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --ff-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-base: 1rem;
  --lh-base: 1.55;
  --lh-tight: 1.2;

  /* Espace (base 8) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* Ombres */
  --sh-sm: 0 2px 6px rgba(30, 58, 95, .08);
  --sh-md: 0 8px 24px rgba(30, 58, 95, .10);
  --sh-lg: 0 16px 40px rgba(30, 58, 95, .14);

  /* Layout */
  --container: 1180px;
  --header-h: 64px;

  /* Animations */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --t-fast: .15s;
  --t-base: .25s;
}

/* Fonts self-hostées
   NB : pour fonctionner pleinement, déposer les .woff2 dans assets/fonts/
   Si absentes, la stack système prend le relais (lisible mais visuel moins fin). */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Manrope-SemiBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/Manrope-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Inter-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Inter-Medium.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Inter-SemiBold.woff2') format('woff2');
}