:root {
    --primary: #0f4c81;
    --accent: #00a896;
    --dark: #212529;
    --muted: #5f6b76;
    --light: #f5f7fa;
    --white: #ffffff;
    --border: #dbe3ea;
    --shadow: 0 12px 30px rgba(15, 76, 129, 0.12);
    --radius: 20px;
    --max: 1160px;
}

html { scroll-behavior: smooth; }
* { box-sizing: border-box; }

body {
    margin: 0;
    font-family: Inter, Arial, Helvetica, sans-serif;
    color: var(--dark);
    background: linear-gradient(180deg, #f7fbff 0%, #eef4f8 100%);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }