/* Cycles Arc — Astronomy API theme: emerald + cream, Raleway / Open Sans.
   Overrides the CSS-variable-driven nous-base.css to the Cycles Arc brand. */
:root {
  --accent: #047857;
  --accent-soft: rgba(4, 120, 87, 0.14);
  --night: #0d2a1e;          /* deep emerald — header/hero/footer/dark surfaces */
  --paper: #f5f4f0;          /* cream */
  --ink: #272424;
  --rule: #e8e6df;
  --font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

h1, h2, h3, h4, .brand .product {
  font-family: 'Raleway', 'Open Sans', sans-serif;
}

/* Logo mark + wordmark */
.brand {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.brand img {
  height: 40px;
  width: auto;
  display: block;
}
.brand .co {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  letter-spacing: 0.01em;
}
.brand .product {
  font-family: 'Open Sans', sans-serif;
  opacity: 0.85;
  margin-left: 0.15rem;
}

/* Brighten the hero stat numbers against the deep emerald */
.hero .num { color: #34d399; }

/* Emerald starfield hero motif */
.hero .motif {
  background:
    radial-gradient(circle at 12% 22%, rgba(120,210,170,0.95) 0 2px, transparent 3px),
    radial-gradient(circle at 24% 64%, rgba(120,210,170,0.6) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 33% 14%, rgba(160,230,200,0.8) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 44% 42%, rgba(120,210,170,0.5) 0 1px, transparent 2px),
    radial-gradient(circle at 55% 72%, rgba(160,230,200,0.85) 0 2px, transparent 3px),
    radial-gradient(circle at 63% 26%, rgba(120,210,170,0.6) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 71% 56%, rgba(120,210,170,0.5) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 18%, rgba(52,211,153,0.9) 0 2px, transparent 3px),
    radial-gradient(circle at 90% 66%, rgba(120,210,170,0.55) 0 1px, transparent 2px),
    radial-gradient(circle at 16% 84%, rgba(120,210,170,0.5) 0 1px, transparent 2px),
    radial-gradient(circle at 48% 90%, rgba(160,230,200,0.6) 0 1.5px, transparent 2.5px),
    radial-gradient(ellipse 60% 42% at 78% 40%, transparent 0 39%, rgba(4,120,87,0.30) 39.4% 40%, transparent 40.6%),
    radial-gradient(ellipse 44% 30% at 78% 40%, transparent 0 39%, rgba(52,211,153,0.24) 39.4% 40%, transparent 40.6%),
    radial-gradient(ellipse at 74% 30%, rgba(6,95,70,0.22), transparent 62%);
  background-repeat: no-repeat;
}