/* Font Face Definitions for TU Dublin Brand Fonts */

/* Prophet Font Family - For Bold Statements and Headers */
@font-face {
    font-family: 'Prophet';
    src: url('../fonts/Prophet-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap; /* Ensures text remains visible during font load */
}

@font-face {
    font-family: 'Prophet';
    src: url('../fonts/Prophet-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Visuelt Font Family - For Clear, Confident Body Content */
@font-face {
    font-family: 'Visuelt';
    src: url('../fonts/visuelt-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Visuelt';
    src: url('../fonts/visuelt-light-italic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Visuelt';
    src: url('../fonts/visuelt-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Visuelt';
    src: url('../fonts/visuelt-italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Visuelt';
    src: url('../fonts/visuelt-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Visuelt';
    src: url('../fonts/visuelt-bold-italic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Global Typography Rules Following Brand Guidelines */

/* Set Visuelt as the default for all body text ensuring clarity and legibility */
body {
    font-family: 'Visuelt', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
}

/* Prophet for all headers - expressing personality in bold statements */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Prophet', 'Georgia', serif;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

/* Specific header sizing for hierarchy */
h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 2rem;
    margin-bottom: 1.25rem;
}

h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

/* TU Header with large white text as requested */
.tu-header {
    background-color: #004C6C;
    padding: 2rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.tu-header h1 {
    color: white;
    font-family: 'Prophet', serif;
    font-weight: 700;
    font-size: 3rem; /* Large as requested */
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Subtle shadow for depth */
}

/* Ensure consistent font usage in navigation */
.internal-nav {
    font-family: 'Visuelt', sans-serif;
    font-weight: 500;
}

.nav-item {
    font-family: 'Visuelt', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.9rem;
}

/* Card headers use Prophet for impact */
.card h2, 
.partition-header h3,
section h2,
section h3 {
    font-family: 'Prophet', serif;
    font-weight: 700;
}

/* All body text, paragraphs, and data use Visuelt for clarity */
p, li, td, span, small {
    font-family: 'Visuelt', sans-serif;
}

/* Buttons use Visuelt Bold for clear calls to action */
.tu-button {
    font-family: 'Visuelt', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Data values use Visuelt for clarity */
.stat-value,
.resource-value {
    font-family: 'Visuelt', sans-serif;
    font-weight: 700; /* Bold for emphasis while maintaining readability */
}

/* Labels use regular Visuelt */
.stat-label,
.resource-label {
    font-family: 'Visuelt', sans-serif;
    font-weight: 400;
}

/* Code and technical content maintains monospace for clarity */
code, pre, .command-example {
    font-family: 'Courier New', monospace;
}

/* Last update timestamp - uses Visuelt Light for subtlety */
.last-update {
    font-family: 'Visuelt', sans-serif;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.9rem;
}