/* Wexo brand theme. Loaded last on every page to override the old dark Wexo theme
   without rewriting each page's styles. Pages use CSS variables for color, so overriding
   the variables (at higher specificity) re-themes them; backgrounds + the logo are set
   with !important where the pages hardcode them. */
:root:root{
  --bg:#06153a; --bg-2:#081c49; --bg2:#081c49;
  --text:#ffffff; --fg:#ffffff;
  --muted:#a9bde0; --muted-2:#7d93bd;
  --line:rgba(255,255,255,.14); --line-2:rgba(255,255,255,.08);
  --card:rgba(255,255,255,.06); --card-2:rgba(255,255,255,.09);
  --accent:#2b7fff; --accent-2:#5aa0ff;
}

/* blue, glossy-sphere background on every page (base, plus #grid adds more where present) */
body{
  background:
    radial-gradient(1000px 1000px at 12% -6%, rgba(43,127,255,.34), transparent 56%),
    radial-gradient(900px 900px at 92% 6%, rgba(90,160,255,.26), transparent 52%),
    radial-gradient(1100px 1100px at 78% 104%, rgba(26,90,208,.3), transparent 58%),
    #06153a !important;
  background-attachment:fixed !important;
}
#grid{
  background:
    radial-gradient(720px 720px at 10% 4%, rgba(90,160,255,.5), transparent 58%),
    radial-gradient(640px 640px at 93% -4%, rgba(43,127,255,.46), transparent 56%),
    radial-gradient(960px 960px at 82% 98%, rgba(26,90,208,.46), transparent 60%),
    radial-gradient(640px 640px at 4% 86%, rgba(43,127,255,.4), transparent 60%) !important;
  background-color:transparent !important;
  -webkit-mask-image:none !important; mask-image:none !important; opacity:.95 !important;
}
#glow{ background:radial-gradient(circle, rgba(150,195,255,.24), transparent 62%) !important; filter:blur(18px) !important; }

/* translucent glassy headers over the blue */
header{ background:rgba(6,19,52,.68) !important; -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }

/* the W logo + Wexo wordmark, consistent in every nav */
.brand{ display:flex; align-items:center; gap:11px; }
.brand img{ height:30px !important; width:30px !important; border-radius:22% !important; box-shadow:0 3px 14px rgba(43,127,255,.5); }
.brandname{ font-family:"Outfit","Inter",sans-serif; font-weight:700; font-size:20px; letter-spacing:-.01em; color:#fff; }
/* claim.html uses a text .logo */
a.logo{ display:inline-flex; align-items:center; gap:10px; }
a.logo img{ height:28px; width:28px; border-radius:22% !important; box-shadow:0 3px 14px rgba(43,127,255,.5); }