: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;
}

* { 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;
}

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

h1[tabindex="-1"],
h2[tabindex="-1"],
h3[tabindex="-1"],
h4[tabindex="-1"],
h5[tabindex="-1"],
h6[tabindex="-1"] {
    outline: none !important;
}

h1[tabindex="-1"]:focus,
h2[tabindex="-1"]:focus,
h3[tabindex="-1"]:focus,
h4[tabindex="-1"]:focus,
h5[tabindex="-1"]:focus,
h6[tabindex="-1"]:focus,
h1[tabindex="-1"]:focus-visible,
h2[tabindex="-1"]:focus-visible,
h3[tabindex="-1"]:focus-visible,
h4[tabindex="-1"]:focus-visible,
h5[tabindex="-1"]:focus-visible,
h6[tabindex="-1"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}