/* ============================================================
   core/global.css
   Reset + aurora + base (Light Theme Version)
   ============================================================ */

html {
  font-size: 16px;
}

body {
  margin: 0;
  font-family: var(--plx-font-sans);
  color: var(--plx-text-primary);
  background: var(--plx-brand-light); /* #F3F7F9 */
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
}

/* ============================================================
   Premium Aurora Background — Sustainable Cooling Technologies
   ============================================================ */

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;

  background:
    /* Base gradient */
    linear-gradient(180deg, #08102A 0%, #0e7490 100%),

    /* Soft teal aurora sweep */
    radial-gradient(
      1200px 600px at 70% 20%,
      rgba(20, 184, 255, 0.18),
      transparent 70%
    ),

    /* Deep navy glow */
    radial-gradient(
      900px 500px at 20% 80%,
      rgba(8, 16, 42, 0.35),
      transparent 70%
    ),

    /* Subtle cyan shimmer */
    radial-gradient(
      800px 400px at 50% 50%,
      rgba(14, 116, 144, 0.22),
      transparent 75%
    );

  background-blend-mode: screen, overlay, normal;
  filter: saturate(115%) brightness(105%);
}

*, *::before, *::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
}

.plx-text-center { text-align: center; }
.plx-text-right  { text-align: right; }
.plx-text-left   { text-align: left; }