/* FFL Online — supplemental styles layered on top of Tailwind CDN */

.bg-hero-radial {
  background-color: #0a0a0b;
  background-image:
    /* main warm halo around the tablet (right-center) */
    radial-gradient(58% 64% at 66% 42%, rgba(247, 134, 27, 0.30), rgba(247, 134, 27, 0.05) 46%, transparent 72%),
    /* secondary glow lower-right where the grid recedes */
    radial-gradient(46% 56% at 96% 82%, rgba(247, 134, 27, 0.18), transparent 62%),
    /* warm light line along the bottom edge */
    linear-gradient(0deg, rgba(247, 134, 27, 0.12), transparent 26%);
}

.bg-section-grid {
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 56px 56px;
}

.card-grad { background: linear-gradient(180deg, #16161a 0%, #121215 100%); }
.panel-grad { background: linear-gradient(180deg, #131316 0%, #0f0f12 100%); }
.progress-track { background: #232329; }

/* slim scrollbars on panels */
.scroll-slim::-webkit-scrollbar { width: 8px; height: 8px; }
.scroll-slim::-webkit-scrollbar-thumb { background: #2a2a31; border-radius: 9999px; }
.scroll-slim::-webkit-scrollbar-track { background: transparent; }

nav::-webkit-scrollbar { width: 6px; }
nav::-webkit-scrollbar-thumb { background: #2a2a31; border-radius: 9999px; }

/* keep selects dark */
select option { background: #16161a; color: #f4f4f5; }

html { scroll-behavior: smooth; }