/* themes/corporate.css – clean, professional, blue-grey */

:root {
    --color-bg: #f1f5f9;
    --color-text: #0f172a;
    --color-primary: #0369a1;
    --color-primary-hover: #075985;
    --color-secondary: #475569;
    --color-secondary-hover: #334155;
    --color-surface: #ffffff;
    --color-border: #cbd5e1;
    --color-accent: #0369a1;
    --font-base: 'Segoe UI', Arial, sans-serif;
    --font-slogan: 'Segoe UI', Arial, sans-serif;
    --shadow: 0 1px 6px rgba(3, 105, 161, 0.1);
}

body.theme-corporate {
    background-color: #f1f5f9;
}

.hero-title {
    color: #0369a1;
    background: none;
    -webkit-text-fill-color: #0369a1;
}

.slogan-box {
    border-left: 4px solid #0369a1;
    border-radius: 0.25rem;
}

.slogan-text {
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.01em;
}

.btn-primary {
    background: #0369a1;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.9rem;
}

.btn-primary:hover {
    background: #075985;
}

.btn-secondary {
    background: #475569;
    border-radius: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.9rem;
}

.btn-secondary:hover {
    background: #334155;
}

.site-header {
    border-bottom: 2px solid #0369a1;
}

.site-logo {
    color: #0369a1;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 1.1rem;
}

.counter-display {
    font-family: 'Courier New', monospace;
    font-size: 0.8rem;
}