:root {
    /* Neomorphism Colors */
    --neo-bg: #e8eaed;
    --neo-light: #ffffff;
    --neo-dark: #a3b1c6;

    /* Neomorphism Shadows */
    --neo-shadow-light: #ffffff;
    --neo-shadow-dark: #d1d9e6;

    /* Raised (Convex) Effect */
    --neo-raised:
            8px 8px 16px var(--neo-shadow-dark),
            -8px -8px 16px var(--neo-shadow-light);

    --neo-raised-sm:
            4px 4px 8px var(--neo-shadow-dark),
            -4px -4px 8px var(--neo-shadow-light);

    --neo-raised-lg:
            12px 12px 24px var(--neo-shadow-dark),
            -12px -12px 24px var(--neo-shadow-light);

    /* Pressed (Concave) Effect */
    --neo-pressed:
            inset 6px 6px 12px var(--neo-shadow-dark),
            inset -6px -6px 12px var(--neo-shadow-light);

    --neo-pressed-sm:
            inset 3px 3px 6px var(--neo-shadow-dark),
            inset -3px -3px 6px var(--neo-shadow-light);

    /* Flat Effect (subtle) */
    --neo-flat:
            4px 4px 8px var(--neo-shadow-dark),
            -2px -2px 6px var(--neo-shadow-light);

    /* Hover Effects */
    --neo-hover:
            10px 10px 20px var(--neo-shadow-dark),
            -10px -10px 20px var(--neo-shadow-light);

    /* Pivenor Labs Primary Color Shadows */
    --primary-neo-shadow: rgba(232, 101, 78, 0.3);
    --primary-neo-raised:
            8px 8px 16px rgba(232, 101, 78, 0.15),
            -8px -8px 16px rgba(255, 255, 255, 0.7);

    /* Border Radius */
    --neo-radius: 20px;
    --neo-radius-sm: 12px;
    --neo-radius-lg: 28px;

    /* Transitions */
    --neo-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* ========================================
   RESPONSIVE NEOMORPHISM
   ======================================== */

@media (max-width: 768px) {
    :root {
        --neo-raised:
                6px 6px 12px var(--neo-shadow-dark),
                -6px -6px 12px var(--neo-shadow-light);

        --neo-raised-sm:
                3px 3px 6px var(--neo-shadow-dark),
                -3px -3px 6px var(--neo-shadow-light);

        --neo-raised-lg:
                8px 8px 16px var(--neo-shadow-dark),
                -8px -8px 16px var(--neo-shadow-light);
    }
}

@media (max-width: 480px) {
}