/* ================================================================
   BGM — Brand foundations
   Source : BGM_GuideNorme_Final.pdf (2024)
   Design system handoff : claude.ai/design

   - Gravity = police officielle (3 cuts web : Light/Regular/Bold)
   - Public Sans = fallback web officiel (Google Fonts)
   - Couleurs : 3 hex officiels du brand book + neutrals dérivés

   ──────────────────────────────────────────────────────────────
   FONT ATTRIBUTION — CC BY 4.0
   ──────────────────────────────────────────────────────────────
   Gravity typeface designed by Vincenzo Vuono (2011)
   Licensed under Creative Commons Attribution 4.0 International
   https://creativecommons.org/licenses/by/4.0/
   Designer : http://www.vincenzovuono.com
   Source   : https://www.dafont.com/gravity.font
   Licence archivée : docs/licenses/Gravity_License.pdf
   ──────────────────────────────────────────────────────────────
   ================================================================ */

/* ─── Webfonts : Gravity (self-hosted) ──────────────────────── */
@font-face {
  font-family: "Gravity";
  src: url("./fonts/Gravity-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gravity";
  src: url("./fonts/Gravity-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gravity";
  src: url("./fonts/Gravity-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ─── Brand tokens (CSS variables) ──────────────────────────── */
:root {
  /* Couleurs officielles (Pantone) */
  --bgm-orange:        #E87722;   /* Pantone 158 C — primaire */
  --bgm-orange-light:  #ECA154;   /* Pantone 157 C — secondaire (aile droite) */
  --bgm-ink:           #302E2C;   /* Pantone Process Black C — off-black warm */
  --bgm-white:         #FFFFFF;

  /* Neutrals dérivés (warm, basés sur --bgm-ink) */
  --bgm-ink-90:        #4A4845;
  --bgm-ink-70:        #6B6864;
  --bgm-ink-50:        #97938E;
  --bgm-ink-30:        #C9C5C0;
  --bgm-ink-15:        #E6E2DD;
  --bgm-ink-08:        #F2EFEB;
  --bgm-ink-04:        #F8F6F3;

  /* Oranges dérivés pour hover/wash */
  --bgm-orange-700:    #B85B17;   /* press / hover sombre */
  --bgm-orange-50:     #FDF1E6;   /* lavis orange faible */

  /* Familles de polices (Gravity = brand officiel, Public Sans = fallback web) */
  --bgm-font-display:  "Gravity", "Public Sans", system-ui, sans-serif;
  --bgm-font-body:     "Gravity", "Public Sans", system-ui, sans-serif;
  --bgm-font-mono:     ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Tracking — Gravity supporte un tracking serré sur les display sizes */
  --bgm-tracking-tight:  -0.02em;
  --bgm-tracking-eyebrow: 0.18em;

  /* Spacing scale (4-px-base, recommandation brand book) */
  --bgm-space-1:  4px;
  --bgm-space-2:  8px;
  --bgm-space-3:  12px;
  --bgm-space-4:  16px;
  --bgm-space-5:  24px;
  --bgm-space-6:  32px;
  --bgm-space-7:  48px;
  --bgm-space-8:  64px;
  --bgm-space-9:  96px;
  --bgm-space-10: 128px;

  /* Radii — modestes (le mark BGM est anguleux/géométrique) */
  --bgm-radius-xs: 2px;
  --bgm-radius-sm: 4px;
  --bgm-radius-md: 8px;
  --bgm-radius-lg: 12px;
  --bgm-radius-pill: 9999px;

  /* Shadows — tintées warm avec --bgm-ink, jamais neutres ni bleutées */
  --bgm-shadow-sm:     0 1px 2px rgba(48, 46, 44, 0.06);
  --bgm-shadow-md:     0 4px 12px rgba(48, 46, 44, 0.08);
  --bgm-shadow-lg:     0 16px 40px rgba(48, 46, 44, 0.12);
  --bgm-shadow-accent: 0 8px 24px rgba(232, 119, 34, 0.28);

  /* Motion — rapide, jamais bouncy */
  --bgm-ease-standard: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --bgm-ease-out-soft: cubic-bezier(0.16, 1, 0.3, 1);
  --bgm-dur-fast:  120ms;
  --bgm-dur-base:  200ms;
  --bgm-dur-slow:  360ms;
}