:root {
    /* Brand colors */
    --edigit-navy: #081f3d;
    --edigit-navy-dark: #041328;
    --edigit-navy-light: #153f66;

    --edigit-wine: #800020;
    --edigit-wine-light: #9d1737;
    --edigit-wine-dark: #68001a;

    --edigit-sea: #19c2de;
    --edigit-cream: #f7f4ef;
    --edigit-white: #ffffff;
    --edigit-background: var(--edigit-background);

    /* Text and borders */
    --edigit-text: #344054;
    --edigit-muted: #667085;
    --edigit-border: #dce5ef;

    /* Shadows */
    --edigit-shadow-sm: 0 5px 20px rgba(0, 0, 0, 0.16);
    --edigit-shadow: 0 24px 55px rgba(8, 31, 61, 0.18);

    /* Common values */
    --edigit-radius-sm: 8px;
    --edigit-radius-md: 12px;
    --edigit-radius-lg: 20px;
    --edigit-transition: 180ms ease;
}


* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

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

a {
    color: inherit;
}

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

.section-space {
    padding: 100px 0;
}

.section-title {
    color: var(--edigit-navy);
    font-weight: 800;
}

.section-description {
    color: var(--edigit-muted);
}

.skip-link {
    position: absolute;
    top: -60px;
    left: 16px;
    z-index: 9999;
    padding: 0.75rem 1rem;
    border-radius: var(--edigit-radius-sm);
    background: var(--edigit-white);
    color: var(--edigit-navy);
}

.skip-link:focus {
    top: 16px;
}