/* =========================================================
   FM PULSE — fonts.css (DARK + GOLD)
   ========================================================= */

/* Handel Gothic (logo/wordmark) */
@font-face {
  font-family: "Handel Gothic BT";
  src: url("/assets/fonts/HandelGothicBT-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Palette & stacks (dark) */
:root{
  /* Or FM Pulse */
  --brand-gold: #d2b21b;
  --brand-gold-soft: #f3e29a;
  --brand-gold-dark: #8c7610;

  /* Fond sombre et encres */
  --bg: #0b0b0c;          /* page */
  --panel: #111214;       /* blocs/cadres */
  --panel-2: #0f1011;     /* bandeaux */
  --line: #1d1f23;        /* traits */
  --text: #e9eaed;        /* texte principal */
  --muted: #a1a6b3;       /* texte atténué */
  --link: #f1da6e;        /* liens sur fond sombre */
  --link-hover: #ffe48d;

  /* Stacks typo */
  --font-logo: "Handel Gothic BT", system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --font-ui: system-ui, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Base typographique (dark) */
html, body{
  color: var(--text);
  background: var(--bg);
  font-family: var(--font-ui);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a{ color: var(--link); text-decoration-thickness: .08em; }
a:hover{ color: var(--link-hover); }

/* Wordmarks / logo */
.logo-type, .wordmark{
  font-family: var(--font-logo);
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.wordmark{ font-size: 1.25rem; }
.logo-type{ font-size: 1.25rem; }

/* Or en texte plein ou dégradé */
.text-gold{ color: var(--brand-gold); }

.gradient-gold{
  background: linear-gradient(135deg, var(--brand-gold-soft), var(--brand-gold));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Badge or + liseré + légère réverb or */
.badge-gold{
  display: inline-block;
  border: 1px solid color-mix(in oklab, var(--brand-gold) 75%, #000 25%);
  color: var(--brand-gold);
  padding: .18rem .5rem;
  border-radius: .5rem;
  font-size: .92em;
  background:
    linear-gradient(180deg, rgba(210,178,27,.08), rgba(210,178,27,.02));
  box-shadow:
    0 0 0 1px rgba(210,178,27,.10) inset,
    0 8px 22px rgba(210,178,27,.16);
}

/* Logo compact */
.mo-logo{ display: inline-flex; align-items: center; gap: .5rem; }
.mo-logo .mark{
  width: 36px; height: 36px; border-radius: 8px;
  background: #000;
  box-shadow: 0 8px 26px rgba(0,0,0,.5);
}
.mo-logo .text{
  font-family: var(--font-logo);
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Aides */
.muted{ color: var(--muted); }