/* ══════════════════════════════════════════════════════════════════
x101 · flat theme
Loads last, after style.css / x101.css / x101-illustrations.css.
Removes every decorative gradient in the page chrome and replaces it
with one flat dark ground plus a solid accent:
· background art on in-page content sections → off
· blurred colour glows (.blurry-shape-*) → off
· --bg-gradient fills (buttons, pills, icon tiles) → solid accent
· gradient-filled text (background-clip: text) → solid accent
· scrims and tints that only existed to tame bright art → off
Structure now comes from surface steps and hairline borders, not from
colour washes. Everything here is an override, so deleting the single
to this file restores the gradient theme exactly.
══════════════════════════════════════════════════════════════════ */
/* ── 1 · Tokens ─────────────────────────────────────────────────── */
:root {
/* The theme builds every accent fill from this one variable, so
flattening it here retires most gradients site-wide in one line. */
--bg-gradient: var(--color-primary);
--bg-gradient-secondary: var(--color-secondary);
--gradient-bg: var(--color-primary);
/* The two band tones are pulled further apart than a conventional
dark-on-dark step, so section boundaries read at a glance without
a divider: the ground goes nearly black, the alternate band sits a
clear step above it. */
--x-ground: #07080e; /* odd section bands */
--x-band: #191d28; /* even section bands — the lighter step */
/* Cards are a translucent white rather than a fixed colour, so one
value lifts correctly off both band tones. */
--x-surface: rgba(255, 255, 255, 0.045);
--x-surface-2: rgba(255, 255, 255, 0.07);
--x-hairline: rgba(255, 255, 255, 0.10);
}
/* ── 2 · One flat ground ────────────────────────────────────────── */
body,
.smooth-scroll-yes.bg-dark {
background-color: var(--x-ground) !important;
}
/* Section bands: whatever utility class they carry, they all land on
the same ground. Specificity has to beat `.bg-dark .bg-dark` and
`.bg-dark .bg-gray` from the theme. */
.bg-dark [class*="-area"],
.bg-dark [class*="-area"].bg-gray,
.bg-dark [class*="-area"].bg-dark,
.bg-dark [class*="-area"].bg-theme,
.bg-dark footer.footer-style-one {
background-color: var(--x-ground) !important;
background-image: none !important;
}
/* Every other band steps up one tone, so sections separate without a
gradient or a border. nth-of-type counts the