/*
Theme Name: Galaxy
Theme URI: https://infotrust.com
Description: A deep-space child theme for Twenty Twenty-Five. Starfield background, nebula gradients, luminous type.
Author: Adam Warniment
Template: twentytwentyfive
Version: 0.1.0
License: GNU General Public License v2 or later
Text Domain: galaxy
*/

:root {
  --galaxy-void: #05060f;
  --galaxy-deep: #0b1026;
  --galaxy-nebula-1: #6d28d9;
  --galaxy-nebula-2: #2563eb;
  --galaxy-nebula-3: #db2777;
  --galaxy-star: #e8ecff;
  --galaxy-dim: #9aa3c7;
}

/* --- Deep space backdrop with three parallax starfields --- */
body {
  background-color: var(--galaxy-void);
  color: var(--galaxy-star);
  background-image:
    radial-gradient(1.5px 1.5px at 20% 30%, #ffffff 50%, transparent 50%),
    radial-gradient(1px 1px at 75% 15%, #cfd8ff 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 45% 70%, #ffffff 50%, transparent 50%),
    radial-gradient(1px 1px at 88% 60%, #bcd0ff 50%, transparent 50%),
    radial-gradient(1px 1px at 10% 85%, #ffffff 50%, transparent 50%),
    radial-gradient(2px 2px at 60% 45%, #fff2d0 50%, transparent 50%),
    radial-gradient(ellipse 80% 60% at 70% 10%, rgba(109, 40, 217, 0.28), transparent 70%),
    radial-gradient(ellipse 70% 50% at 15% 75%, rgba(37, 99, 235, 0.22), transparent 70%),
    radial-gradient(ellipse 60% 45% at 90% 85%, rgba(219, 39, 119, 0.18), transparent 70%),
    linear-gradient(180deg, var(--galaxy-void) 0%, var(--galaxy-deep) 55%, var(--galaxy-void) 100%);
  background-size: 700px 700px, 500px 500px, 900px 900px, 400px 400px, 650px 650px, 1100px 1100px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-attachment: fixed;
}

/* --- Luminous headings --- */
h1, h2, h3, .wp-block-post-title, .wp-block-site-title {
  color: var(--galaxy-star);
  text-shadow: 0 0 22px rgba(124, 92, 255, 0.55), 0 0 60px rgba(37, 99, 235, 0.25);
  letter-spacing: -0.02em;
}

.wp-block-post-title a,
.wp-block-site-title a {
  color: var(--galaxy-star);
  text-decoration: none;
  background-image: linear-gradient(90deg, var(--galaxy-nebula-2), var(--galaxy-nebula-1), var(--galaxy-nebula-3));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

p, li, .wp-block-post-content { color: var(--galaxy-dim); }

/* --- Links glow on approach --- */
a { color: #a5b4ff; transition: color .2s ease, text-shadow .2s ease; }
a:hover { color: #fff; text-shadow: 0 0 14px rgba(165, 180, 255, .9); }

/* --- Content sits on a translucent nebula pane --- */
.wp-block-post-content > *,
.wp-block-group.has-background {
  border-radius: 14px;
}

.wp-site-blocks main {
  background: rgba(11, 16, 38, 0.55);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(148, 163, 255, 0.14);
  border-radius: 18px;
  padding: clamp(1.25rem, 4vw, 3rem);
  margin-block: clamp(1rem, 4vw, 3rem);
  box-shadow: 0 0 80px rgba(76, 29, 149, 0.25);
}

/* --- Buttons as event horizons --- */
.wp-block-button__link {
  background: linear-gradient(135deg, var(--galaxy-nebula-1), var(--galaxy-nebula-2));
  border: 0;
  color: #fff;
  box-shadow: 0 0 24px rgba(109, 40, 217, .5);
}
.wp-block-button__link:hover { filter: brightness(1.15); }

/* --- Respect reduced motion / high contrast preferences --- */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}