/* ═══════════════════════════════════════════════════════════════
   Explorer brand overrides — iGamingCompliance.io
   Reassigns `--iges-gold` + backgrounds to match the site's
   dark-navy / electric-blue identity. Loaded AFTER explorer.css.
   Keeps all other explorer tokens intact.
═══════════════════════════════════════════════════════════════ */

:root {
	/* Swap the accent (was gold) to our brand blue */
	--iges-gold:         #3B82F6;
	--iges-gold-dim:     rgba(59,130,246,0.14);
	--iges-gold-border:  rgba(59,130,246,0.30);

	/* Unify backgrounds with the chrome so hero blends into page */
	--iges-bg-main:      #050B1A;
	--iges-bg-card:      #0A1426;
	--iges-bg-elevated:  #0F1E3C;
	--iges-bg-glass:     rgba(255,255,255,0.03);

	--iges-border-subtle: rgba(148,163,184,0.12);
	--iges-border-mid:    rgba(148,163,184,0.20);

	--iges-text-primary:   #E2E8F0;
	--iges-text-secondary: #94A3B8;
	--iges-text-muted:     rgba(226,232,240,0.45);
	--iges-text-faint:     rgba(226,232,240,0.25);
}

/* Light-mode override (same trigger as the base file) */
.iges-light,
:root.iges-light {
	--iges-gold:          #1D4ED8;
	--iges-gold-dim:      rgba(29,78,216,0.10);
	--iges-gold-border:   rgba(29,78,216,0.28);

	--iges-bg-main:       #F4F6F9;
	--iges-bg-card:       #FFFFFF;
	--iges-bg-elevated:   #EEF1F6;
	--iges-bg-glass:      rgba(10,20,38,0.04);

	--iges-border-subtle: rgba(15,30,60,0.10);
	--iges-border-mid:    rgba(15,30,60,0.18);

	--iges-text-primary:  #0A1426;
	--iges-text-secondary:#475569;
	--iges-text-muted:    #94A3B8;
	--iges-text-faint:    #CBD5E1;
}

/* Soften the hero radial so it harmonises with our homepage hero's palette.
   The base explorer.css uses a gold + blue + red wash — we want mostly blue. */
.iges-hero::before,
.iges-hero__bg {
	background:
		radial-gradient(ellipse 70% 55% at 50% 0%, rgba(59,130,246,0.22), transparent 60%),
		radial-gradient(ellipse 50% 45% at 100% 100%, rgba(96,165,250,0.16), transparent 60%),
		linear-gradient(180deg, var(--iges-bg-main) 0%, color-mix(in srgb, var(--iges-bg-main) 80%, #0A1426) 100%) !important;
}
.iges-light .iges-hero::before,
.iges-light .iges-hero__bg {
	background:
		radial-gradient(ellipse 70% 55% at 50% 0%, rgba(59,130,246,0.10), transparent 60%),
		radial-gradient(ellipse 50% 45% at 100% 100%, rgba(29,78,216,0.06), transparent 60%),
		linear-gradient(180deg, var(--iges-bg-main) 0%, #E7EBF2 100%) !important;
}

/* Make the gradient em in the hero title match chrome accent gradient */
.iges-hero__title em {
	background: linear-gradient(135deg, #60A5FA 0%, #3B82F6 60%, #1D4ED8 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.iges-light .iges-hero__title em {
	background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 60%, #1E3A8A 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}