/* ==========================================================================
   DFELX — Design Tokens (Cores)
   Fonte da verdade: DESIGN.md. style.css só consome cores a partir daqui.
   ========================================================================== */

:root {
  /* Tokens de marca */
  --dfelx-navy: #090d16;
  --dfelx-blue-dark: #0f172a;
  --dfelx-blue: #38bdf8;
  --dfelx-blue-light: #7dd3fc;
  --dfelx-cyan: #38bdf8;
  --dfelx-teal: #0d9488;
  --dfelx-gray-dark: #f8fafc;
  --dfelx-gray-medium: #94a3b8;

  /* Gradiente de marca (ícone / accent gradient) */
  --dfelx-gradient-1: #6fc3d2;
  --dfelx-gradient-2: #438ebf;
  --dfelx-gradient-3: #386eb1;
  --dfelx-gradient-4: #223d96;
  --dfelx-gradient-5: #0e1a73;
  --dfelx-brand-gradient: linear-gradient(to right, var(--dfelx-blue), var(--dfelx-cyan));

  /* Escala neutra (Slate) */
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;
  --slate-700: #334155;
  --slate-800: #1e293b;
  --slate-900: #0f172a;
  --slate-950: #020617;

  /* Cores de apoio */
  --emerald-400: #34d399;
  --emerald-500: #10b981;
  --emerald-800: #065f46;
  --emerald-950: #022c22;
  --cyan-400: #22d3ee;
  --cyan-800: #155e75;
  --cyan-950: #083344;

  /* Estrelas de avaliação — única exceção à paleta azul/ciano/verde da
     marca: dourado é convenção universal de rating, ficaria confuso em
     qualquer outra cor. Ver design.md 4.29. */
  --star-gold: #facc15;

  /* Background predominante do site */
  --dfelx-page-gradient: linear-gradient(90deg, #020617 0%, #083344 100%);

  /* Camadas de opacidade reutilizáveis */
  --slate-800-40: rgba(30, 41, 59, 0.4);
  --slate-800-60: rgba(30, 41, 59, 0.6);
  --slate-950-60: rgba(2, 6, 23, 0.6);
  --dfelx-blue-40: rgba(56, 189, 248, 0.4);
  --dfelx-blue-25: rgba(56, 189, 248, 0.22);
}