:root {
    --neu-bg: #e6ecf5;
    --neu-bg-light: #ffffff;
    --neu-bg-dark: #d1d9e6;
    
    /* Box Shadows */
    --neu-shadow-flat: 10px 10px 20px #c5d0e0, -10px -10px 20px #ffffff;
    --neu-shadow-flat-sm: 5px 5px 10px #c5d0e0, -5px -5px 10px #ffffff;
    --neu-shadow-inset: inset 3px 3px 6px #c5d0e0, inset -3px -3px 6px #ffffff;
    --neu-shadow-inset-focused: inset 3px 3px 6px #b8c4d8, inset -3px -3px 6px #ffffff;
    --neu-shadow-btn: 6px 6px 14px rgba(0, 94, 133, 0.35), -4px -4px 10px rgba(255, 255, 255, 0.8);
    
    /* Colors */
    --neu-primary: #005e85;
    --neu-primary-hover: #004d6e;
    --neu-text-main: #2b3a4a;
    --neu-text-muted: #6c7a89;
    --neu-text-light: #8896a6;
    
    /* Typography */
    --neu-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Borders & Radius */
    --neu-radius-lg: 28px;
    --neu-radius-md: 16px;
    --neu-radius-sm: 10px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--neu-font-family);
    background-color: var(--neu-bg);
    color: var(--neu-text-main);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-font-smoothing: antialiased;
}