/* Legacy fallback for older browsers that don't support CSS variables */

/* Only apply these if CSS variables are NOT supported */
@supports not (color: var(--fake-var)) {
  body { color: #e8eefc; background: #0b1020; }

  .footer { border-top: 1px solid rgba(255,255,255,.12); background: rgba(11,16,32,.65); }
  .footer-nav a { color: rgba(232,238,252,.72); }
  .footer-nav a:hover { color: #e8eefc; }

  /* Buttons / cards basic safety */
  .btn { color: #e8eefc; }
  .card { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); }
}