:root {
      --mokka-orange: #FF5A1E;
      --mokka-warm-peach: #FFF5F0;
      --squircle-radius: 24px;
    }
    body {
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
      color: #1d1d1f;
    }
    .font-display {
      font-family: 'Rubik', 'Inter', sans-serif;
    }
    .font-mono {
      font-family: 'JetBrains Mono', monospace;
    }
    /* Squircle visual helper */
    .squircle {
      border-radius: var(--squircle-radius);
    }
    /* Smooth transitions for language switching */
    .fade-transition {
      transition: opacity 0.4s ease, transform 0.4s ease;
    }
    /* Intersection Observer fade-in */
    .fade-in {
      opacity: 0;
      transform: translateY(24px);
      transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }
    /* Glassmorphism */
    .glass {
      background: rgba(255, 255, 255, 0.75);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
    }
    /* Custom scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #f7f7f7;
    }
    ::-webkit-scrollbar-thumb {
      background: #e2e8f0;
      border-radius: 999px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #cbd5e1;
    }
    @media (min-width: 981px) {
      .desktop-nav {
        display: flex !important;
      }
      .mobile-nav-toggle {
        display: none !important;
      }
    }
    @media (max-width: 980px) {
      .desktop-nav {
        display: none !important;
      }
      .mobile-nav-toggle {
        display: block !important;
      }
    }