/* ==========================================================================
   CWG · Base — light resets + brand helpers.
   Class helpers are conveniences for cards/specimens; components use tokens.
   ========================================================================== */
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  color: var(--text-primary);
  background: var(--bg-app);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
* { box-sizing: border-box; }

a { color: var(--wonder-pink); text-decoration: none; transition: color var(--dur-fast) var(--ease-out); }
a:hover { color: var(--accent-strong); }

::selection { background: rgba(236,59,135,0.35); color: #fff; }

/* ---- Display / heading helpers ---------------------------------------- */
.cwg-display {
  font-family: var(--font-display);
  font-weight: var(--fw-black);
  text-transform: uppercase;
  letter-spacing: var(--ls-display);
  line-height: var(--lh-tight);
}
.cwg-eyebrow {
  font-family: var(--font-mono);
  font-weight: var(--fw-bold);
  font-size: var(--fs-label);
  letter-spacing: var(--ls-mono-eyebrow);
  text-transform: uppercase;
  color: var(--text-muted);
}

/* ---- Gradient text (paints a world onto type) ------------------------- */
.cwg-gradient-text {
  background: var(--gradient-brand);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.cwg-gradient-text.ganzfeld { background-image: var(--world-ganzfeld); -webkit-background-clip: text; background-clip: text; }
.cwg-gradient-text.daybreak { background-image: var(--world-daybreak); -webkit-background-clip: text; background-clip: text; }
.cwg-gradient-text.aurora   { background-image: var(--world-aurora);   -webkit-background-clip: text; background-clip: text; }
.cwg-gradient-text.skyspace { background-image: var(--world-skyspace); -webkit-background-clip: text; background-clip: text; }

/* ---- World fill blocks ------------------------------------------------- */
.cwg-world { background: var(--gradient-brand); }
.cwg-world.ganzfeld { background: var(--world-ganzfeld); }
.cwg-world.daybreak { background: var(--world-daybreak); }
.cwg-world.aurora   { background: var(--world-aurora); }
.cwg-world.skyspace { background: var(--world-skyspace); }

/* ---- Glass panel ------------------------------------------------------- */
.cwg-glass {
  background: var(--glass-fill);
  backdrop-filter: blur(var(--blur-md));
  -webkit-backdrop-filter: blur(var(--blur-md));
  border: 1px solid var(--glass-border);
}