/* 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 {
    /* Colors */
    --mainColor: #c0c0c0;
    --darkGrey: #424242;
    --lightGrey: hsl(240, 0%, 95%);
    --darkGreen: #083b07;
    --lightGreen: #1e8d1c;
    --lightBlue: hsl(239, 100%, 72%);
    --outlineRed: hsl(0, 68%, 36%);
    
    /* Typography - Easy to change fonts */
    --font-brand: 'GFS Neohellenic', serif;  /* Logo and branding font */
    --font-nav: 'GFS Neohellenic', serif;     /* Navigation menu font */
    --font-heading: 'cinzel', serif;          /* Keep existing heading font */
    --font-body: system-ui, -apple-system, sans-serif; /* Body text font */
    
    /* Font Weights */
    --font-weight-regular: 400;
    --font-weight-bold: 700;
    
    /* Font Sizes for Navigation */
    --font-size-logo: 2rem;
    --font-size-nav: 1.3rem;
    --font-size-nav-mobile: 1.15rem;

    /* "Glowing in the dark" tokens — the rebrand surface for any fork.
       Edit this block to retheme the entire template. See DESIGN.md
       for the full contract. */

    /* Color */
    --ff-bg: #0a0a0b;
    --ff-surface: #141416;
    --ff-surface-2: #1a1a1d;
    --ff-fg: #fafaf7;
    --ff-fg-muted: rgba(250, 250, 247, 0.56);
    --ff-fg-dim: rgba(250, 250, 247, 0.38);
    --ff-amber: #f5b544;
    --ff-amber-soft: rgba(245, 181, 68, 0.12);
    --ff-amber-ring: rgba(245, 181, 68, 0.28);
    --ff-green: #9fe870;
    --ff-green-soft: rgba(159, 232, 112, 0.12);
    --ff-slate: #2a3440;
    --ff-border: rgba(255, 255, 255, 0.08);
    --ff-border-strong: rgba(255, 255, 255, 0.14);

    /* Typography */
    --ff-font-sans: 'Geist', system-ui, -apple-system, sans-serif;
    --ff-font-serif: 'Instrument Serif', Georgia, serif;
    --ff-font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

    /* Radii */
    --ff-radius-sm: 6px;
    --ff-radius: 10px;
    --ff-radius-lg: 16px;

    /* Spacing & layout */
    --ff-section-y: clamp(5rem, 8vw, 8rem);
    --ff-gutter: clamp(1.25rem, 5vw, 3.5rem);
    --ff-container: 1240px;
}