/* Font Face Definitions */
@font-face {
    font-family: 'GFS Neohellenic';
    src: url('../fonts/GFSNeohellenic-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GFS Neohellenic';
    src: url('../fonts/GFSNeohellenic-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GFS Neohellenic';
    src: url('../fonts/GFSNeohellenic-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'GFS Neohellenic';
    src: url('../fonts/GFSNeohellenic-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

:root {
    /* === Color Palette === */
    /* Primary - Deep forest greens */
    --color-forest:        hsl(150, 40%, 18%);
    --color-forest-light:  hsl(150, 35%, 28%);
    --color-forest-dark:   hsl(150, 45%, 12%);

    /* Secondary - Warm earth/bark browns */
    --color-bark:          hsl(28, 30%, 30%);
    --color-bark-light:    hsl(28, 25%, 45%);

    /* Accent - Gold/amber */
    --color-amber:         hsl(38, 85%, 55%);
    --color-amber-dark:    hsl(38, 75%, 42%);

    /* Neutrals */
    --color-cream:         hsl(40, 30%, 96%);
    --color-cream-dark:    hsl(40, 20%, 90%);
    --color-text:          hsl(0, 0%, 18%);
    --color-text-light:    hsl(0, 0%, 40%);

    /* Legacy aliases (backward compat with existing views) */
    --mainColor:              var(--color-forest);
    --mainColorTransparent:   hsla(150, 40%, 18%, 0.7);
    --navBgColor:             var(--color-forest);
    --secondaryColor:         var(--color-cream-dark);
    --mainTextColor:          var(--color-text);
    --darkGrey:               #424242;
    --lightGrey:              var(--color-cream);
    --darkGreen:              var(--color-forest-dark);
    --lightGreen:             var(--color-forest-light);
    --lightBlue:              var(--color-amber);
    --outlineRed:             hsl(0, 68%, 36%);

    /* === Typography === */
    --font-brand:   'GFS Neohellenic', serif;
    --font-nav:     'GFS Neohellenic', serif;
    --font-heading: 'cinzel', serif;
    --font-body:    system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-accent:  'raleway', var(--font-body);

    /* Font Weights */
    --font-weight-regular: 400;
    --font-weight-bold: 700;

    /* Font Sizes */
    --font-size-logo: 2rem;
    --font-size-nav: 1.3rem;
    --font-size-nav-mobile: 1.15rem;

    /* === Spacing === */
    --section-padding: clamp(3rem, 6vw, 5rem);
    --content-max-width: 1200px;

    /* === Radius === */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-pill: 50px;
}