/**
 * GSE Theme – Base
 * Global reset, default typography, the [data-tooltip] utility,
 * `main`'s parallax-perspective wrapper, and the bare `section` fix
 * (`overflow`/`transform`, for the same parallax trick) — all used on
 * every page template (the homepage's `header` builds on `main` too,
 * see header.css).
 */
@import url("variables.css");

[data-tooltip]:before {
  /* needed - do not touch */
  content: attr(data-tooltip);
  position: absolute;
  opacity: 0;
  /* customizable */
  transition: all 0.15s ease;
  padding: 10px;
  color: var(--color-dark);
  border-radius: 10px;
  box-shadow: 2px 2px 1px silver;
}

[data-tooltip]:hover:before {
  /* needed - do not touch */
  opacity: 1;
  /* customizable */
  background: yellow;
  margin-top: -50px;
  margin-left: 20px;
}

[data-tooltip]:not([data-tooltip-persistent]):before {
  pointer-events: none;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: var(--font-sans);
}

a {
  text-decoration: none;
}

body {
  background-color: var(--color-dark);
  font-size: var(--fs-base);
}

main {
  max-height: 100%;
  overflow-x: hidden;
  perspective: 1px;
  perspective-origin: center top;
  transform-style: preserve-3d;
  background-color: var(--color-light);
}

section {
  overflow: hidden;
  transform: translateZ(0);
}