/**
 * SEO-Day 2025 Zertifikat - Professionelle Typografie
 * Hochwertige Schriftarten und optimierte Lesbarkeit
 */

:root {
    /* Font Families - Premium Professional */
    --font-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    
    /* Font Sizes - Kompakt für DIN A4 */
    --font-size-main-title: 52px;
    --font-size-participant-name: 34px;
    --font-size-body: 16px;
    --font-size-body-small: 14px;
    --font-size-topic-title: 15px;
    --font-size-topic-description: 12px;
    --font-size-signature: 11px;
    --font-size-footer: 11px;
    
    /* Font Weights */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    
    /* Line Heights */
    --line-height-tight: 1.1;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.8;
    --line-height-loose: 2.0;
    
    /* Letter Spacing */
    --letter-spacing-tight: -0.5px;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 2px;
    --letter-spacing-wider: 4px;
    --letter-spacing-widest: 8px;
    --letter-spacing-ultra: 10px;
}

/* Base Typography Settings */
body,
div,
p,
h1,
h2,
h3 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Titles - Premium Professional */
.certificate-main-title,
.participant-name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Main Title - Premium Professional */
.certificate-main-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-main-title);
    font-weight: 700;
    letter-spacing: 10px;
    color: #1a1a1a;
    text-transform: uppercase;
    line-height: 1.1;
}

/* Participant Name - Elegant Professional */
.participant-name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-participant-name);
    font-weight: 600;
    line-height: 1.3;
    color: #2c2c2c;
}

/* Body Text - Professional */
.certificate-intro-text,
.certificate-participation-text,
.certificate-description,
.certificate-topics-intro {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-body);
    font-weight: 400;
    color: #2c2c2c;
    line-height: var(--line-height-relaxed);
}

/* Topic Titles - Clear Hierarchy */
.topic-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-topic-title);
    font-weight: 600;
    color: #1a1a1a;
    line-height: var(--line-height-normal);
}

/* Topic Descriptions - Subtle */
.topic-description {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-topic-description);
    font-weight: 400;
    color: #666666;
    line-height: var(--line-height-normal);
}

/* Date and Location - Professional */
.date-location p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 500;
    color: #2c2c2c;
}

/* Signature - Premium Details */
.signature-name {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-signature);
    font-weight: 600;
    color: #1a1a1a;
}

.signature-title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-body-small);
    font-weight: 500;
    color: #666666;
}

/* Print Optimizations */
@media print {
    .certificate-main-title,
    .participant-name,
    .certificate-intro-text,
    .certificate-participation-text,
    .topic-title {
        color: #000000;
    }
    
    .topic-description,
    .signature-title {
        color: #333333;
    }
}