/* Font Configuration - Centralized Font Settings */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@100;200;300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

/* Font Variables for easy maintenance */
:root {
    --font-primary: 'Google Sans Code', monospace;
    --font-heading: 'Playfair Display', serif;
    
    /* Font weights */
    --font-weight-thin: 100;
    --font-weight-light: 200;
    --font-weight-regular: 300;
    --font-weight-medium: 400;
    --font-weight-semibold: 500;
    --font-weight-bold: 600;
    
    /* Font sizes - Base scale */
    --font-size-xs: 0.7rem;      /* 11.2px */
    --font-size-sm: 0.8rem;      /* 12.8px */
    --font-size-base: 0.9rem;    /* 14.4px */
    --font-size-md: 1rem;        /* 16px */
    --font-size-lg: 1.1rem;      /* 17.6px */
    --font-size-xl: 1.2rem;      /* 19.2px */
    --font-size-2xl: 1.4rem;     /* 22.4px */
    --font-size-3xl: 1.8rem;     /* 28.8px */
    --font-size-4xl: 2rem;       /* 32px */
    --font-size-5xl: 2.5rem;     /* 40px */
    --font-size-6xl: 3.5rem;     /* 56px */
    --font-size-hero: 5rem;      /* 80px */
    
    /* Responsive font sizes */
    --font-size-hero-mobile: 3.5rem;  /* 56px */
    --font-size-5xl-mobile: 2rem;    /* 32px */
    --font-size-4xl-mobile: 1.8rem;  /* 28.8px */
}

/* Base font settings */
body {
    font-family: var(--font-primary);
    font-weight: var(--font-weight-thin);
    line-height: 1.6;
    color: #333;
}

/* Heading font settings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-semibold);
    line-height: 1.2;
}

/* Navigation logo */
.nav-logo h2 {
    font-family: var(--font-heading);
    font-size: var(--font-size-3xl);
    color: #2c3e50;
}

/* Form elements inherit font */
input, textarea, select, button {
    font-family: inherit;
}