/* Global Fonts Definition: IMPACT + INTER */

/* 1. IMPORT GOOGLE FONT: INTER */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* 2. DEFINE IMPACT (system font fallback) */
/* Most OS include Impact by default – we add fallbacks */
@font-face {
    font-family: 'Impact';
    src: local('Impact'), local('Impact Regular');
    font-weight: normal;
    font-style: normal;
}

/* 3. GLOBAL ROOT VARIABLES */
:root {
    --font-main: 'Inter', sans-serif;
    --font-impact: 'Impact', 'Arial Black', sans-serif;

    /* BRAND PALETTE */
    --color-ochre: #c08839;
    --color-ochre-80: #ab7532; /* ~80% shade */
    --color-ochre-60: #8c6029; /* ~60% shade */
    --color-black: #212121;
    --color-white: #ffffff;


/* 4. APPLY INTER AS DEFAULT SITE FONT */
body {
    font-family: var(--font-main);
    color: var(--color-black);
    background: var(--color-white);
    margin: 0;
    padding: 0;
}

/* Global link overrides */
a, a:link, a:visited {
    color: var(--color-ochre);
    text-decoration: none;
    transition: 0.25s ease;
}

a:hover, a:focus {
    color: var(--color-ochre-80);
    text-decoration: none;
}

/* Optional smooth rendering */ */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}