/* ============================================================
   FBBMS DESIGN TOKENS
   Palette:
   - Base:      #0B0E14 (void)      / #10141D (panel) / #171C27 (raised)
   - Text:      #F4F6F8 (primary)   / #9AA3B2 (muted)
   - Sports:    #18E0A6 (emerald court)
   - Scents:    #E0A64C (amber perfume)
   - Super:     #7C6FF0 (royal oversight)
   - Danger:    #F0555A
   Type:
   - Display: 'Space Grotesk' (headings, brand)
   - Body:    'Inter' (UI text)
   - Data:    'JetBrains Mono' (clock, money, ids)
   ============================================================ */

:root{
  --void:#0B0E14;
  --panel:#10141D;
  --raised:#171C27;
  --raised-2:#1D2330;
  --border:#252C3B;
  --border-soft:#1B2130;

  --text:#F4F6F8;
  --text-muted:#9AA3B2;
  --text-faint:#5C6779;

  --sports:#18E0A6;
  --sports-dim:#12A87D;
  --sports-glow:rgba(24,224,166,0.35);

  --scents:#E0A64C;
  --scents-dim:#B8823A;
  --scents-glow:rgba(224,166,76,0.35);

  --super:#7C6FF0;
  --super-dim:#6155C9;
  --super-glow:rgba(124,111,240,0.35);

  --danger:#F0555A;
  --success:#18E0A6;
  --warning:#E0A64C;

  --font-display:'Space Grotesk', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-data:'JetBrains Mono', monospace;

  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-pill:999px;

  --shadow-1: 0 4px 18px rgba(0,0,0,0.35);
  --shadow-2: 0 12px 40px rgba(0,0,0,0.45);

  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
}

*,*::before,*::after{ box-sizing:border-box; }

html,body{
  height:100%;
}

body{
  margin:0;
  background:
    radial-gradient(ellipse 900px 600px at 15% -10%, rgba(124,111,240,0.10), transparent 60%),
    radial-gradient(ellipse 900px 700px at 110% 10%, rgba(24,224,166,0.07), transparent 60%),
    var(--void);
  color:var(--text);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}

::selection{ background:var(--super); color:#fff; }

::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:var(--panel); }
::-webkit-scrollbar-thumb{ background:var(--raised-2); border-radius:var(--radius-pill); border:2px solid var(--panel); }
::-webkit-scrollbar-thumb:hover{ background:var(--border); }

a{ color:inherit; text-decoration:none; }

.mono{ font-family:var(--font-data); }
.text-muted-fb{ color:var(--text-muted); }
.text-faint-fb{ color:var(--text-faint); }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}