/* Glass and gradient layer.
   Both source .md files argue for flatness, so this layer is deliberately narrow:
   gradients only on the dark field, glass only on floating or foreground surfaces.
   Every stop is a token from colors.css — no new hues are introduced here. */
:root{
/* — Gradient fields (dark only) — */
--gradient-night:radial-gradient(120% 90% at 12% 0%,#11163A 0%,#0B0D1A 58%,#07080F 100%);/* @kind other */
--gradient-blue:linear-gradient(148deg,#0014AA 0%,#0A19B8 46%,#0B2BEA 100%);/* @kind other */
--gradient-azur:linear-gradient(148deg,#11163A 0%,#0014AA 62%,#1A79ED 100%);/* @kind other */
/* Aurora bloom placed behind a dark field; sits under content, never over text. */
--gradient-bloom:radial-gradient(46% 58% at 78% 12%,rgba(26,121,237,.34) 0%,rgba(26,121,237,0) 70%),radial-gradient(38% 48% at 8% 92%,rgba(90,104,245,.28) 0%,rgba(90,104,245,0) 72%);/* @kind other */
/* Void: electric blue bleeding into black. The opening field. */
--gradient-void:linear-gradient(101deg,#0B2BEA 0%,#0014AA 20%,#060A2E 52%,#03050F 78%,#020308 100%);/* @kind other */
/* Electric: the single saturated statement field. */
--gradient-electric:linear-gradient(180deg,#0B2BEA 0%,#0A19B8 100%);/* @kind other */
/* Halo: a luminous point source placed inside a void field. */
--gradient-halo:radial-gradient(circle 240px at 76% 20%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.55) 6%,rgba(143,191,246,.34) 18%,rgba(26,121,237,.16) 42%,rgba(11,43,234,0) 78%);/* @kind other */
/* Striations: the vertical light rays that give a void field its depth. */
--pattern-striations:repeating-linear-gradient(90deg,rgba(255,255,255,.10) 0px,rgba(255,255,255,.10) 1px,rgba(255,255,255,0) 1px,rgba(255,255,255,0) 34px);/* @kind other */
--pattern-striations-soft:repeating-linear-gradient(90deg,rgba(26,121,237,.30) 0px,rgba(26,121,237,.30) 3px,rgba(0,0,0,0) 3px,rgba(0,0,0,0) 46px);/* @kind other */
/* Sliding gradients for interactive fills: 200% wide, moved on hover. */
--gradient-btn:linear-gradient(to right,#0014AA 0%,#0B2BEA 51%,#0014AA 100%);/* @kind other */
--gradient-btn-ink:linear-gradient(to right,#121212 0%,#374151 51%,#121212 100%);/* @kind other */
--gradient-btn-inverse:linear-gradient(to right,#1A79ED 0%,#0B2BEA 51%,#1A79ED 100%);/* @kind other */
/* Hairline sheen for the top edge of a glass or gradient panel. */
--gradient-edge:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);/* @kind other */

/* — Glass — */
--blur-sm:8px;/* @kind other */
--blur-md:16px;/* @kind other */
--blur-lg:28px;/* @kind other */
--glass-light:rgba(255,255,255,.62);
--glass-light-strong:rgba(255,255,255,.82);
/* The only glass tint that may host body text or form controls. */
--glass-light-solid:rgba(255,255,255,.94);
--glass-dark:rgba(17,22,58,.44);
--glass-dark-strong:rgba(11,13,26,.72);
--glass-border-light:rgba(18,18,18,.10);
--glass-border-dark:rgba(255,255,255,.16);
--glass-filter:saturate(1.25) blur(var(--blur-md));/* @kind other */
--glass-filter-lg:saturate(1.3) blur(var(--blur-lg));/* @kind other */
}