/**
 * SEO-Day 2025 Zertifikat - Klassische Farbpalette
 * Schwarz/Grau mit minimalem Gold nur im Siegel
 */

:root {
    /* Background Colors - Clean White */
    --color-background-main: #FFFFFF;
    --color-background-secondary: #FEFEFE;
    --color-background-accent: #F8F9FA;
    
    /* Text Colors - Professional Black/Gray */
    --color-text-primary: #000000;
    --color-text-secondary: #1a1a1a;
    --color-text-tertiary: #666666;
    --color-text-light: #999999;
    
    /* Border Colors - Schwarz (Modern & Minimalistisch) */
    --color-border-primary: #000000; /* Schwarz */
    --color-border-secondary: #000000; /* Schwarz */
    --color-border-light: #E8E8E8;
    
    /* Ornament Color - Elegant Gray */
    --color-ornament: #2c2c2c;
    --color-ornament-light: #4a4a4a;
    
    /* Minimal Gold - Nur für Siegel */
    --color-gold: #D4AF37;
    --color-gold-light: #E8D4A8;
    --color-gold-dark: #B8941F;
    
    /* Shadow Colors */
    --color-shadow-light: rgba(0, 0, 0, 0.08);
    --color-shadow-medium: rgba(0, 0, 0, 0.12);
    --color-shadow-dark: rgba(0, 0, 0, 0.15);
}

/* Themed Elements */
.certificate-container {
    background-color: var(--color-background-main);
}

.certificate-frame {
    background-color: var(--color-background-main);
    border-color: var(--color-border-primary);
}

/* Text Color Definitions */
.certificate-main-title {
    color: var(--color-text-primary);
}

.participant-name {
    color: var(--color-text-primary);
}

.certificate-intro-text,
.certificate-participation-text,
.certificate-topics-intro {
    color: var(--color-text-secondary);
}

.topic-title {
    color: var(--color-text-primary);
}

.topic-description {
    color: var(--color-text-tertiary);
}

.date-location p {
    color: var(--color-text-secondary);
}

.signature-title {
    color: var(--color-text-tertiary);
}

/* Icon and Ornament Colors - Elegant Gray */
.corner-ornament svg path {
    stroke: var(--color-ornament);
}

.corner-ornament svg circle {
    fill: var(--color-ornament-light);
}

.title-ornament svg line {
    stroke: var(--color-ornament-light);
}

.title-ornament svg circle:first-of-type {
    fill: var(--color-ornament);
}

.title-ornament svg circle:nth-of-type(2) {
    fill: var(--color-text-primary);
}

/* Print Mode - Optimized */
@media print {
    :root {
        --color-text-primary: #000000;
        --color-text-secondary: #1a1a1a;
        --color-text-tertiary: #333333;
    }
}