:root {
    --kld-color-primary: #155eef;
    --kld-color-secondary: #0f172a;
    --kld-color-accent: #14b8a6;
    --kld-color-background: #ffffff;
    --kld-color-text: #172033;
    --kld-content-width: 720px;
    --kld-wide-width: 1200px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    background: var(--kld-color-background);
    color: var(--kld-color-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: var(--kld-line-height, 1.6);
}

:focus-visible { outline: 3px solid var(--kld-color-accent); outline-offset: 3px; }

img,
video { max-width: 100%; height: auto; }