/* ============================================================
   VHYNX — Agence digitale créative · Marrakech
   Direction : Prestige Chrome (noir profond / blanc / chrome)
   FICHIER : variables.css
   ============================================================ */

/* Points de rupture du projet (mobile-first) :
   480px · 768px · 1024px · 1280px · 1536px
   Les media-queries spécifiques à un composant vivent à côté de ce composant
   (pattern mobile-first) ; responsive.css regroupe les règles globales. */

/* ---------- Tokens ---------- */
:root{
  --bg:#0A0A0A;
  --bg-2:#0C0C0C;
  --bg-3:#080808;
  --fg:#ffffff;
  --muted:#9a9a9a;
  --muted-2:#8a8a8a;
  --dim:#6a6a6a;
  --line:#1a1a1a;
  --line-2:#242424;
  --chrome-a:#f2f3f4;
  --chrome-b:#a9adb2;
  --chrome-c:#7f8183;
  --sans:"Helvetica Neue",Helvetica,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --pad:24px;                 /* mobile gutter */
  --max:1240px;
  --nav-h:64px;
  --ease:cubic-bezier(.16,1,.3,1);
}
@media (min-width:700px){:root{--pad:40px;}}
@media (min-width:1100px){:root{--pad:48px;}}