/* atmosphere.css — light-area surface texture only.
   The dark UI is intentionally pure-flat SOLID black: no glows, no corner
   auras, no dot fields, no gradient seams, no gradient buttons. Those were
   removed because they disrupted the solid gmicloud-style look.
   The one thing kept here is a faint dot pattern on LIGHT/white sections, to
   mirror gmicloud's softly-textured light areas. Loaded after app.css so it
   layers the texture onto the white background. */

/* White sections keep a solid light surface. The decorative texture is the
   animated hexagon field (hexfield.js) drawn on a <canvas data-hexfield>, not a
   CSS pattern — so the band stays clean here and the canvas layers on top.
   Dark sections keep var(--bg) = solid #000 and stay untextured per the
   flat-aesthetic rule. */
.section-white {
  background-color: #ffffff;
}

/* Hexagon field: the canvas fills the band and sits behind the content. It is
   purely decorative (pointer-events: none) and never intercepts clicks. The
   field is a solid honeycomb tessellation; its edge fade-to-white is done
   per-cell inside hexfield.js so the hexes dissolve before the border — no CSS
   mask needed. */
.has-hexfield { position: relative; isolation: isolate; }
.hexfield-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
.has-hexfield .section-inner { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) {
  /* The script renders a single static frame; nothing else to do here. */
  .hexfield-canvas { opacity: 0.9; }
}