/* =========================================================
   variables.css — Tokens de design / CSS Custom Properties
   ========================================================= */

:root {
  /* Cores */
  --black:  #080810;
  --dark:   #0f0f1a;
  --card:   #13131f;
  --border: rgba(255, 255, 255, 0.07);
  --white:  #ffffff;
  --muted:  rgba(255, 255, 255, 0.55);
  --accent: #3b9eff;
  --green:  #00e676;
  --yellow: #ffd740;
  --pink:   #ff4d8d;
  --grad:   linear-gradient(135deg, #3b9eff, #a855f7);

  /* Espaçamento */
  --section-pad: 90px 5%;

  /* Bordas */
  --card-radius: 20px;
  --pill-radius: 50px;

  /* Transições */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}