:root {
    --primary-dark: #02233b;
    --primary-light: #43a4e2;
    --bg-light: #f8f9fa;
    --text-dark: #333;
    --text-light: #fff;
    --font-main: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
html, body { width: 100%; height: 100%; font-family: var(--font-main); background-color: var(--bg-light); overscroll-behavior: none; }
.scrollable-content { overflow-y: auto; -webkit-overflow-scrolling: touch; height: calc(100vh - 75px); padding-bottom: 85px; }