/* Custom CSS Variables */
:root {
    --color-petrol: #224B51;
    --color-terracotta: #B46249;
    --color-powder: #E9D9CC;
    --font-main: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    font-family: var(--font-main);
    color: var(--color-petrol);
    background-color: #ffffff;
    line-height: 1.5;
}

/* Accessibility */
*:focus-visible {
    outline: 2px solid var(--color-terracotta);
    outline-offset: 2px;
}
::selection {
    background-color: var(--color-terracotta);
    color: var(--color-powder);
}

/* Animations */
.animate-on-scroll {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in {
    transform: translateY(20px);
}
.fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}