/* --- GLOBAL OCEAN THEME VARIABLES --- */
:root {
    --col-ocean-deep: #004d61;  /* Primary Brand Color (Dark Teal/Blue) */
    --col-ocean-dark: #003340;  /* Darker shade for Footer/Text */
    --col-teal: #2a9d8f;        /* Secondary Accent */
    --col-sand: #e9c46a;        /* Buttons & Highlights (Sand/Gold) */
    --col-foam: #f4f7f6;        /* Light Backgrounds */
    --col-text: #1a1a1a;        /* Body Text */
    --col-white: #ffffff;
    
    --font-serif: 'Bodoni Moda', serif;
    --font-sans: 'Manrope', sans-serif;
}

/* Global Typography & Body */
body { color: var(--col-text); background-color: var(--col-white); font-family: var(--font-sans); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-serif); color: var(--col-ocean-deep); }

/* Global Buttons */
.btn-primary, button, input[type="submit"] {
    background-color: var(--col-ocean-deep);
    color: var(--col-white);
    border: none;
    transition: 0.3s ease;
}
.btn-primary:hover, button:hover, input[type="submit"]:hover {
    background-color: var(--col-sand);
    color: var(--col-ocean-deep);
}

/* Global Links */
a { color: var(--col-ocean-deep); transition: 0.3s; }
a:hover { color: var(--col-teal); }