/* ============================================================
   FUGSTATS THEME — Cold Concrete
   ------------------------------------------------------------
   A dark, moody, miserable palette: bleak grey monochrome with a
   sickly desaturated teal accent.
   TO SWAP FONTS, edit ONLY this file:
     1. Change the @import URL below (fonts.google.com → "Get embed code").
     2. Change --font-display and/or --font-body.
   Nothing else in the site references font names.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  /* ---- Typography ---- */
  --font-display: 'Quicksand', sans-serif;   /* headings, numbers, logo */
  --font-body:    'Inter', sans-serif;        /* everything else */

  /* ---- Cold Concrete palette ---- */
  --bg:           #111315;   /* page background — near-black grey */
  --bg-soft:      #1A1D20;   /* tinted sections / nav */
  --card:         #1F2326;   /* raised surfaces */
  --ink:          #DDE0E2;   /* primary text */
  --ink-soft:     #7C8388;   /* muted text */
  --primary:      #5E8480;   /* sickly teal — fills, gradients, borders */
  --primary-deep: #8FB5B0;   /* lighter teal — text accents on dark */
  --accent:       #5A6468;   /* cold grey accent */
  --accent-soft:  #26302E;   /* dark teal-tinted highlight surface */
  --mist:         #2A2F33;   /* borders / hairlines */
  --success:      #79B49C;   /* muted green, legible on dark */
  --danger:       #D2685B;   /* muted red, legible on dark */
  --grad:         linear-gradient(135deg, #5E8480 0%, #5A6468 100%);
  --grad-soft:    linear-gradient(160deg, #1A1D20 0%, #141719 60%, #181C20 100%);

  /* ---- Shape ---- */
  --radius: 22px;
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}