/* AstroGuide — Landing Tokens
 * Inherited 1:1 from AstroPalette.kt (the Android app).
 * Source of truth — keep in sync with /Astrology/styles.css. */

:root {
  /* ─── Surface ─── */
  --bg:           #070711;
  --bg-deep:      #03030A;
  --bg-soft:      #0D0D1A;

  --surface:        rgba(255, 255, 255, 0.06);
  --surface-strong: rgba(255, 255, 255, 0.10);
  --surface-hover:  rgba(255, 255, 255, 0.13);

  /* ─── Gold (primary) ─── */
  --gold:        #C9A86A;
  --gold-soft:   #E8D29E;
  --gold-deep:   #8C7140;
  --gold-glow:   rgba(201, 168, 106, 0.35);

  /* ─── Accents ─── */
  --violet:      #B79CE0;
  --moon:        #BFD4E8;
  --tension:     #E0A560;

  /* ─── Text ─── */
  --text:        #F0E8D8;
  --text-mute:   #8A8275;
  --text-faint:  #5A5547;

  /* ─── Borders ─── */
  --border:        rgba(201, 168, 106, 0.18);
  --border-strong: rgba(201, 168, 106, 0.36);
  --border-soft:   rgba(255, 255, 255, 0.06);

  /* ─── Type families ─── */
  --f-display: 'Yeseva One', 'Forum', serif;
  --f-forum:   'Forum', 'Yeseva One', serif;
  --f-poetic:  'Cormorant Garamond', 'Cormorant', serif;
  --f-body:    'Manrope', system-ui, -apple-system, sans-serif;

  /* ─── Spacing scale ─── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-32: 128px;
  --sp-40: 160px;

  /* ─── Radii ─── */
  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  18px;
  --r-xl:  24px;
  --r-2xl: 32px;
  --r-pill: 999px;

  /* ─── Motion ─── */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-soft:  cubic-bezier(0.2, 0.7, 0.2, 1);

  /* ─── Container ─── */
  --max-w:       1180px;
  --max-w-read:  680px;  /* legal pages */
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { background: var(--bg-deep); color: var(--text); font-family: var(--f-body); }