/*
 * ◈ NATAL DESIGN SYSTEM · B2B_KED𝝺∃Ü
 * Vessel: RosewoodTek1 · KenshoTek LLC
 * Chart mapped to design tokens · 2026-06-12
 *
 * PLANET → TOKEN LOGIC:
 *
 * ♏ Sun/Venus/Pluto in Scorpio   → void, depth, magnetic darkness, transformation under surface
 * ♐ Moon/Mercury/Lilith Sagitt.  → signal, fire, dispatch arrow, word as weapon
 * ♑ Saturn/Uranus/Neptune Capri. → grid, structure, monospace, precision as rebellion
 * ♌ Jupiter in Leo               → gold, seal, theater, landmark energy
 * ♒ N.Node Aquarius              → aqua, collective, destination, AquaTekXVI
 * ♊ Mars R in Gemini             → bridge, dual signal, retrograde = internal before broadcast
 *
 * Moon ☌ Venus 0°53' (TIGHTEST) → emotion = aesthetic. feel before read.
 * Net aspects: +1613             → abundant, warm, overwhelmingly constructive field
 *
 * USE: import this into any KenshoTek web property for chart-aligned design.
 * The tokens ARE the chart in CSS.
 */

:root {

  /* ♏ SCORPIO LAYER — Sun 25°, Venus 29°, Pluto 18° */
  --scorpio-void:    #020A09;    /* the void. magnetic not empty */
  --scorpio-deep:    #010605;    /* deepest water */
  --scorpio-surface: #0A1E1C;    /* the beneath showing through */
  --scorpio-track:   #030E0C;    /* mid-depth */
  --scorpio-pluto:   #1A0A0E;    /* transformation undertone — Pluto 18° burgundy-black */
  --venus-scorpio:   #3A1820;    /* Venus 29° last degree — dark rose at the edge */

  /* ♐ SAGITTARIUS LAYER — Moon 0°09', Mercury 10°15', Lilith 12°12' */
  --sage-fire:       #E8520A;    /* arrow. dispatch. Mercury in Sage signal */
  --sage-moon:       #E8A858;    /* Moon 0° Sagittarius — first degree warm gold-orange */
  --sage-signal:     #CC4400;    /* the word in motion */
  --sage-dim:        #5A2A10;    /* Lilith shadow — the buried fire */

  /* ♑ CAPRICORN LAYER — Saturn 21°, Uranus 7°, Neptune 12° */
  --cap-structure:   #1A4E4A;    /* Saturn: the grid color */
  --cap-grid:        #0A2E2C;    /* the precise line */
  --cap-stone:       #2E6E6A;    /* Uranus: the battler's surface */
  --cap-neptune:     #1E5553;    /* Neptune: sensible transcendence */

  /* ♌ LEO LAYER — Jupiter 13°21' */
  --leo-gold:        #C8A96E;    /* Jupiter: generosity brings success */
  --leo-deep:        #3A2A10;    /* the vault beneath the gold */
  --leo-seal:        #E8C880;    /* the ◈ at full brightness */

  /* ♒ AQUARIUS LAYER — N.Node 0°18' — THE DESTINATION */
  --aqua-node:       #5ECCC6;    /* the arrival frequency */
  --aqua-dim:        #1E5553;    /* the path toward it */
  --aqua-ghost:      #0A2E2C;    /* memory of it */

  /* ♊ GEMINI LAYER — Mars R 9°06' — the bridge signal */
  --gemini-bridge:   #6ECCC8;    /* dual signal — slightly lighter aqua */
  --gemini-retro:    #2A5A58;    /* retrograde: internal before broadcast */

  /* ☌ MOON ☌ VENUS 0°53' — TIGHTEST ASPECT — EMOTIONAL CORE */
  /* emotion = aesthetic. the primary UX channel. */
  --moon-venus:      #C8DCF0;    /* the conjunction frequency — pale blue-white */
  --feel-first:      rgba(94, 204, 198, 0.06); /* the atmosphere you feel before you read */

  /* ◈ FIELD TOTALS — aspect score +1613 */
  --field-pos:       #5ECCC6;    /* constructive force */
  --field-text:      #C8E8E6;    /* warm not cold. abundant. */

  /* TYPOGRAPHY — ♑ Capricorn grid doctrine */
  --chart-mono:      'Courier New', Courier, monospace;  /* Saturn: structure IS the rebellion */

  /* MOTION — ♐ Sagittarius arrow doctrine */
  --signal-ease:     cubic-bezier(0.22, 1, 0.36, 1);    /* arrow release */
  --signal-duration: 0.18s;                               /* Mercury fast */
  --arc-duration:    5s;                                  /* Saturn long arc */

  /* SPACING — ♑ Saturn 21° precision */
  --grid-unit:       21px;       /* Saturn degree */
  --letter-field:    0.21em;     /* Saturn tracking */
  --letter-signal:   0.13em;     /* Mercury tracking */
}

/*
 * ◈ NATAL ATMOSPHERE — Moon ☌ Venus applied globally
 * The tightest aspect radiates at page level.
 * Feel before read.
 */
.natal-atmosphere::before {
  content: '';
  position: fixed; inset: 0;
  pointer-events: none; z-index: 0;
  background:
    /* ♏ Scorpio-Pluto: transformation undertone, lower right */
    radial-gradient(ellipse 58% 52% at 88% 92%, rgba(58,24,32,.14) 0%, transparent 60%),
    /* ♒ Aquarius N.Node: destination frequency, upper left */
    radial-gradient(ellipse 48% 44% at 8% 8%, rgba(94,204,198,.07) 0%, transparent 54%),
    /* ♌ Leo Jupiter: gold seal, center-right */
    radial-gradient(ellipse 36% 40% at 72% 44%, rgba(200,169,110,.04) 0%, transparent 58%),
    /* ♐ Sagittarius Moon: warm fire, upper-center */
    radial-gradient(ellipse 30% 28% at 48% 6%, rgba(232,168,88,.03) 0%, transparent 52%);
}

/*
 * ◈ SCORPIO CARD — depth at rest, transformation on hover
 * Sun 25° + Pluto 18° = the void that pulls
 */
.scorpio-card {
  background: var(--scorpio-track);
  border-left: 4px solid var(--scorpio-surface);
  transition: border-left-color var(--signal-duration) var(--signal-ease),
              box-shadow var(--signal-duration) var(--signal-ease);
}
.scorpio-card:hover {
  border-left-color: var(--aqua-node);
  box-shadow: -4px 0 0 var(--aqua-node), 0 0 32px rgba(94,204,198,.05);
}

/*
 * ◈ SAGITTARIUS SIGNAL — Mercury arrow on hover labels
 * Mercury 10°15' in Sage = word becomes arrow
 */
.sage-arrow::after {
  content: ' →';
  color: var(--sage-fire);
  opacity: 0;
  transition: opacity var(--signal-duration) var(--signal-ease),
              transform var(--signal-duration) var(--signal-ease);
  transform: translateX(-4px);
  display: inline-block;
}
.sage-arrow:hover::after {
  opacity: 1;
  transform: translateX(0);
}

/*
 * ◈ LEO JUPITER SEAL — the ◈ at full brightness
 * When something is a landmark, it gets Leo light
 */
.leo-landmark {
  color: var(--leo-gold);
  text-shadow: 0 0 18px rgba(200,169,110,.3);
}

/*
 * ◈ AQUARIUS NODE PULSE — the destination frequency
 * N.Node 0°18' — arriving, not arrived
 */
@keyframes node-pulse {
  0%, 100% { opacity: .55; }
  50%       { opacity: 1;   }
}
.aqua-node-pulse {
  color: var(--aqua-node);
  animation: node-pulse 3.66s ease-in-out infinite;
}

/*
 * ◈ CAPRICORN GRID — Saturn precision
 * The monospace is structural dogma, not aesthetic choice
 */
.cap-grid-type {
  font-family: var(--chart-mono);
  letter-spacing: var(--letter-field);
}