@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

      :root {
        --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
        --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
        
        --color-urar-orange: #E86A25;
        --color-urar-blue: #82B0D4;
        --color-urar-brown: #5C2C16;
        --color-urar-dark-brown: #3E1F0F;
        --color-urar-cream: #F4E5CD;
        --color-urar-light: #FAF4EB;
        --color-urar-dark: #2A150A;
      }

      html, body {
        max-width: 100%;
        overflow-x: hidden;
      }

      body {
        background-color: var(--color-urar-light);
        color: var(--color-urar-dark);
        font-family: var(--font-sans);
        overflow-x: hidden;
      }

      h1, h2, h3, h4, h5, h6 {
        font-family: var(--font-display);
      }

      ::selection {
        background-color: var(--color-urar-orange);
        color: var(--color-urar-light);
      }

      /* Custom Scrollbar */
      ::-webkit-scrollbar {
        width: 8px;
      }
      ::-webkit-scrollbar-track {
        background: var(--color-urar-light);
      }
      ::-webkit-scrollbar-thumb {
        background: var(--color-urar-blue);
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: var(--color-urar-orange);
      }
      @keyframes morphingCorner {
        0% { transform: scale(1) translate(0, 0) rotate(0deg); border-radius: 50%; }
        33% { transform: scale(1.3) translate(10px, 15px) rotate(90deg); border-radius: 40% 60% 50% 50%; }
        66% { transform: scale(0.8) translate(-10px, 5px) rotate(180deg); border-radius: 60% 40% 60% 40%; }
        100% { transform: scale(1) translate(0, 0) rotate(360deg); border-radius: 50%; }
      }
      .animate-corner-blob {
        animation: morphingCorner 8s infinite alternate ease-in-out;
      }