@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap');

:root {
  /* Core — clean canvas, soft ink */
  --ink: #1a1528;
  --paper: #fafafa;
  --paper-warm: #fffdfb;
  --mist: #f3f1fa;
  --border: #e4dff0;

  /* Figma-inspired headline gradient (coral → magenta → violet) */
  --gradient-text: linear-gradient(105deg, #ff9e8a 0%, #e94e77 45%, #6a30d2 100%);
  /* Aztronomic wordmark — space blues (Az = bright star / tronomic = deep field → violet) */
  --gradient-logo-space-az: linear-gradient(110deg, #ffffff 0%, #e0f2fe 35%, #38bdf8 70%, #7dd3fc 100%);
  --gradient-logo-space-tronomic: linear-gradient(110deg, #7dd3fc 0%, #60a5fa 38%, #818cf8 72%, #c4b5fd 100%);
  --gradient-logo-space-az-footer: linear-gradient(110deg, #f8fafc 0%, #bae6fd 45%, #7dd3fc 100%);
  --gradient-logo-space-tronomic-footer: linear-gradient(110deg, #93c5fd 0%, #a5b4fc 40%, #c4b5fd 78%, #e9d5ff 100%);
  --gradient-text-soft: linear-gradient(120deg, #c4b5fd 0%, #f472b6 50%, #fb923c 100%);
  --gradient-cta: linear-gradient(135deg, #6a30d2 0%, #e94e77 55%, #ff9e8a 100%);

  /* Deep bands (footer, headers, dark sections) */
  --deep: #1a0f2e;
  --deep-mid: #25143d;
  --deep-highlight: #3d2666;

  /* Socio — violet / purple pillar */
  --socio: #6a30d2;
  --socio-light: #7c3aed;
  --socio-pale: #ede9fe;
  --socio-bg: #3b2666;

  /* Economic — rose / magenta pillar */
  --econ: #db2777;
  --econ-light: #e94e77;
  --econ-pale: #fce7f3;
  --econ-bg: #831843;

  /* Technology — teal + emerald (Figma “tech” energy) */
  --tech: #0d9488;
  --tech-light: #14b8a6;
  --tech-pale: #ccfbf1;
  --tech-bg: #134e4a;

  --ember: #ea580c;
  --ember-pale: #ffedd5;

  --accent: var(--socio);
  --accent-light: var(--socio-light);
  --red: #be123c;
  --red-pale: #ffe4e6;
  --positive: #16a34a;

  --font-body: 'DM Sans', system-ui, sans-serif;
  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, monospace;

  /* Approximate nav height — only used for scroll-margin-top on anchors */
  --nav-height: 180px;
  --section-pad: 120px 48px;
  --section-pad-mobile: 72px 20px;
  --max-width: 1200px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-card: 0 2px 8px rgba(26, 21, 40, 0.04), 0 16px 48px rgba(106, 48, 210, 0.09);
  --shadow-card-hover: 0 4px 16px rgba(26, 21, 40, 0.06), 0 24px 56px rgba(106, 48, 210, 0.12);

  --ease: 0.25s ease;
}

/* Logo motion — Aztronomic space wordmark */
@keyframes logo-gradient-drift {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes logo-space-twinkle {
  0%, 100% { opacity: 1; filter: brightness(1); }
  40% { opacity: 0.9; filter: brightness(1.18); }
  65% { opacity: 0.97; filter: brightness(1.06); }
}
@media (prefers-reduced-motion: reduce) {
  .nav-logo::before,
  .nav-logo .logo-az,
  .nav-logo .logo-tronomic,
  .nav-logo .logo-life,
  .footer-brand::before,
  .footer-brand .logo-az,
  .footer-brand .logo-tronomic,
  .footer-brand .logo-life {
    animation: none !important;
  }
}