/* ============================================================================
   FootexFi "NOIR" identity override — gicomni.com
   Visual identity only (colours, typography, dark theme). Content & JS logic
   untouched. Loaded AFTER styles.css so it wins by source order. Reversible:
   remove this file + its <link> to restore. Marker: FOOTEX-NOIR
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root{
  /* backgrounds → pure-black radiant (NOIR) */
  --bg:#000000; --bg-2:#050507; --bg-3:#070708;
  --surface:#0A0A0C; --surface-2:#111318;
  --panel:rgba(10,10,12,.58); --panel-2:rgba(5,6,8,.82); --panel-solid:#0A0A0C;
  /* text (NOIR scale) */
  --txt:#FFFFFF; --txt-2:#CBD5E1; --txt-dim:#9AA0A8; --txt-faint:#6B7280;
  /* borders */
  --line:rgba(255,255,255,.07); --line-strong:rgba(255,255,255,.14);
  /* brand accent: emerald-teal → EX red */
  --acc:#FF2E43; --acc-2:#FF5A6B; --acc-deep:#d81f33; --acc-ink:#1a0406;
  --accent:#FF2E43;
  --green:#2BEBA0;           /* gains stay green */
  --red:#FF2E43;             /* errors / down */
  /* gradients + glow → red */
  --grad:linear-gradient(120deg,#FF5A6B,#FF2E43 70%);
  --grad-line:linear-gradient(90deg,transparent,#FF5A6B,#FF2E43,transparent);
  --grad-soft:linear-gradient(120deg,rgba(255,46,67,.14),rgba(255,46,67,.04));
  --grad-fade:linear-gradient(180deg,rgba(255,46,67,.06),transparent 70%);
  --glow:0 0 44px rgba(255,46,67,.22);
}

/* NOIR radiant backdrop + Inter body (headings keep Space Grotesk) */
body{
  background:
    radial-gradient(1100px 720px at 50% -6%, #14090b 0%, #0a0507 34%, #000 72%),
    #000 !important;
  background-attachment:fixed !important;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Space Grotesk',sans-serif;
}
h1,h2,h3,h4{font-family:'Space Grotesk','Inter',sans-serif;}