/**
 * Gothic Font Styles for FreyaDay.xyz
 * These styles implement unique, gothic style fonts across the site
 */

/* Import Gothic Fonts from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');

/* Font Variable Definitions */
:root {
    --font-title: 'Cinzel', serif;
    --font-title-decorative: 'Cinzel Decorative', serif;
    --font-body: 'Cormorant Garamond', serif;
    --font-accent: 'Pirata One', cursive;
    --font-system: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Fallback */
}

/* Base Typography Overrides */
body {
    font-family: var(--font-body);
    font-weight: 400;
    font-size: 1.1rem;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-title);
    font-weight: 500;
    letter-spacing: 0.04em;
}

h1 {
    font-family: var(--font-title-decorative);
    font-weight: 700;
}

/* Navigation */
nav a {
    font-family: var(--font-title);
    letter-spacing: 0.08em;
    font-size: 1rem;
    font-weight: 500;
}

/* Special elements */
.special-title, 
.elder-futhark, 
.latin-text .translated-text {
    font-family: var(--font-title-decorative);
}

/* Accents and decorative elements */
.accent-text,
.rune {
    font-family: var(--font-accent);
}

/* Form elements - retain system font for readability */
input, button, textarea, select {
    font-family: var(--font-system);
}

/* Footer */
footer, 
.footer-content, 
.timestamp, 
.random-hash {
    font-family: var(--font-body);
    font-weight: 300;
}

/* Typography enhancements */
.gothic-heading {
    font-family: var(--font-title-decorative);
    letter-spacing: 0.1em;
    font-weight: 700;
}

.gothic-text {
    font-family: var(--font-body);
    font-weight: 400;
    line-height: 1.6;
}

.gothic-accent {
    font-family: var(--font-accent);
    letter-spacing: 0.05em;
}

/* Special style for quotes and important text */
blockquote, 
.important-text {
    font-family: var(--font-body);
    font-style: italic;
    font-weight: 300;
    border-left: 3px solid var(--purple);
    padding-left: 1rem;
    margin-left: 1rem;
}