:root {
  /* ==========================================
     DM SANS TYPOGRAPHY TOKENS
     ========================================== */
  --font-primary: 
    "DM Sans", 
    ui-sans-serif, 
    system-ui, 
    -apple-system, 
    BlinkMacSystemFont, 
    "Segoe UI", 
    Roboto, 
    "Helvetica Neue", 
    Helvetica, 
    Arial, 
    sans-serif;

  /* Footer Scale & Colors */
  --nx-fs-footer-title: 15px;
  --nx-fs-footer-link:  14px;
  --nx-c-heading:       #ffffff;
  --nx-c-muted:         rgba(255, 255, 255, 0.6);
}
/* ==========================================================================
   NX FOOTER TYPOGRAPHY (ATOMIC ELEMENT COMPATIBLE)
   Target: Atomic Text Element, Div Block, Raw Text, dan Inline Tag
   ========================================================================== */

/* 1. Footer Title (Judul Kolom Navigasi) */
.nx-footer-title,
.nx-footer-title * {
  font-family: var(--font-primary) !important;
  font-size: var(--nx-fs-footer-title, 15px) !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;
  font-weight: 600 !important;
  color: var(--nx-c-heading, #ffffff) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2. Footer Link (Teks Menu Navigasi / Anchor) */
.nx-footer-link,
.nx-footer-link * {
  font-family: var(--font-primary) !important;
  font-size: var(--nx-fs-footer-link, 14px) !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  letter-spacing: 0em !important;
  color: var(--nx-c-muted, rgba(255, 255, 255, 0.6)) !important;
  text-decoration: none !important;
  margin: 0 !important;
  transition: color 200ms ease, opacity 200ms ease !important;
}

/* Efek Hover Menyala */
@media (hover: hover) {
  .nx-footer-link:hover,
  .nx-footer-link *:hover {
    color: #ffffff !important;
    opacity: 1 !important;
  }
}