:root {
    /* KSTA-Stil: ksta.de – Cyan/Türkis als Primärfarbe, minimalistisch */

    /* Backgrounds */
    --color-background: #f5f5f5;
    --color-surface: #ffffff;
    --color-header-footer-bg: #1a3345;
    --color-header-bg: var(--color-header-footer-bg);
    /* Header-Leiste: Nav-Links und Menü-Icon – unabhängig von --color-text-inverse (der z. B. auf Primär-Buttons dunkel sein muss) */
    --color-header-nav-link: #ffffff;
    --color-header-nav-link-hover: var(--color-primary-hover);
    --color-surface-hover: #f0f0f0;
    --color-surface-article-teaser: var(--color-surface);
    --color-surface-article-teaser-hover: var(--color-surface-hover);

    /* Brand Colors – briefing/design.md 005 */
    --color-primary: #213c51;
    --color-primary-hover: #3a96dd;
    --color-secondary: #3a96dd;
    --color-tertiary: #016994;

    /* Text Colors – ksta.de anthrazit #181a1b, darkgrey #606060 */
    --color-text: #181a1b;
    --color-text-muted: #606060;
    --color-text-inverse: #ffffff;
    --color-headline: #0f1011;

    /* Borders – ksta.de #e6e6e6 (grey) */
    --color-border: #e6e6e6;
    --color-border-highlight: #b2b2b2;

    /* Status Colors */
    --color-success: #008a05;
    --color-error: #c13115;
    --color-error-hover: #a02812;
    --color-warning: #b45309;
    --color-info: #016994;

    /* Message (Success, Error, Info) - Background, Border, Text */
    --color-success-bg: #cce8cd;
    --color-success-border: #008a05;
    --color-success-text: #004d40;
    --color-error-bg: #f5d0d2;
    --color-error-border: #c13115;
    --color-error-text: #7f1d1d;
    --color-info-bg: #cce1ea;
    --color-info-border: #016994;
    --color-info-text: #1e3a8a;

    /* Gradients – ksta.de Light */
    --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));
    --gradient-text: linear-gradient(to right, var(--color-primary), var(--color-primary-hover));
    --color-gold-gradient-start: #181a1b;
    --color-gold-gradient-mid: #333333;
    --color-gold-gradient-end: #606060;
    --gradient-gold: linear-gradient(to right, var(--color-gold-gradient-start), var(--color-gold-gradient-mid), var(--color-gold-gradient-end));

    /* Shadows – ksta.de dezent */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 2px 12px rgba(0, 183, 255, 0.15);

    /* Optionale Profil-Overrides (z. B. seo-day.de Glas-Header / schwarzer Footer) */
    --glass-header-bg: var(--color-header-bg);
    --glass-blur-header: 0;
    --shadow-header-bar: none;
    --layout-header-min-height: 0;
    --layout-header-border-bottom: 1px solid var(--color-border);
    --color-footer-bg: var(--color-header-footer-bg);
    --color-footer-link: rgba(255, 255, 255, 0.9);
    --color-footer-headline: #ffffff;
    --color-footer-text: rgba(255, 255, 255, 0.9);
    --footer-link-text-transform: none;
    --footer-link-letter-spacing: normal;
    --footer-link-font-weight: var(--font-weight-medium);
    --footer-link-hover-background: transparent;
    --footer-link-hover-color: var(--color-primary-hover);
    --footer-border-top: 1px solid rgba(255, 255, 255, 0.15);
    --footer-margin-top: 0;
    --footer-padding-block: 2.5rem;
    --footer-padding-block-tablet: 3rem;
    --footer-padding-block-desktop: 3.5rem;
    --footer-padding-inline: 1.25rem;
    --footer-padding-inline-tablet: 2.5rem;
    --footer-padding-inline-desktop: 3.75rem;
    --footer-shadow: none;
    --footer-grid-gap: 2rem;
    --footer-grid-gap-desktop: 3rem;
    --footer-grid-margin-bottom: 2rem;
    --footer-column-headline-font-size: 0.8125rem;
    --footer-column-headline-font-weight: 700;
    --footer-column-headline-letter-spacing: 0.12em;
    --footer-column-headline-text-transform: uppercase;
    --footer-column-headline-margin-bottom: 1rem;
    --footer-column-headline-padding-bottom: 0.75rem;
    --footer-column-headline-border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    --footer-column-headline-accent-width: 2.5rem;
    --footer-column-headline-accent-margin-top: 0.5rem;
    --footer-column-headline-accent-line: var(--gradient-text);
    --footer-link-column-padding-block: 0.375rem;
    --footer-link-column-padding-inline: 0;
    --footer-legal-gap: 1.25rem;
    --footer-legal-padding-top: 1.75rem;
    --footer-legal-margin-top: 0;
    --footer-legal-margin-bottom: 0;
    --footer-legal-border-top: 1px solid rgba(255, 255, 255, 0.12);
    --footer-bottom-padding-top: 1.25rem;
    --footer-bottom-margin-top: 0;
    --footer-bottom-border-top: none;
    --footer-copyright-opacity: 0.72;
    --footer-copyright-letter-spacing: 0.02em;
    --header-nav-text-transform: none;
    --header-nav-letter-spacing: normal;
    --header-nav-font-weight: var(--font-weight-medium);
    --header-nav-font-size: var(--font-size-sm);
    --header-nav-link-padding-block: 0;
    --header-nav-link-padding-inline: 0;
    --header-nav-link-border-radius: 0;
    --header-nav-link-bg: transparent;
    --header-nav-link-hover-bg: transparent;
    --header-nav-link-border: none;
    --header-nav-link-hover-border: none;
    --header-nav-link-shadow: none;
    --header-nav-link-hover-shadow: none;
    --header-nav-link-accent-width: 0;
    --header-nav-link-accent-hover-width: 0;
    --header-nav-link-accent-height: 0;
    --header-nav-link-accent-bottom: 0;
    --header-nav-link-accent-line: var(--gradient-text);
    --logo-header-max-height: 56px;

    /* Pagination – profilfähige Tokens (Override in config/ui/{profil}/{profil}-ui-theme-config.php) */
    --pagination-bar-bg: var(--color-surface);
    --pagination-bar-border: var(--color-border);
    --pagination-bar-shadow: var(--shadow-sm);
    --pagination-bar-radius: 2px;
    --pagination-bar-padding-block: 1rem;
    --pagination-bar-padding-inline: 1.25rem;
    --pagination-gap: 0.75rem;
    --pagination-accent-line: var(--gradient-brand);
    --pagination-info-bg: rgba(33, 60, 81, 0.06);
    --pagination-info-color: var(--color-primary);
    --pagination-info-border: var(--color-primary);
    --pagination-info-font-size: var(--font-size-sm);
    --pagination-info-letter-spacing: 0.04em;
    --pagination-info-text-transform: none;
    --pagination-button-min-width: 7.5rem;
    --pagination-button-min-height: 2.75rem;
    --pagination-button-padding-block: 0.75rem;
    --pagination-button-padding-inline: 1.5rem;
    --pagination-button-radius: var(--pagination-bar-radius);
    --pagination-button-font-size: var(--font-size-sm);
    --pagination-button-letter-spacing: normal;
    --pagination-button-text-transform: none;
    --pagination-button-bg: var(--color-surface);
    --pagination-button-color: var(--color-text);
    --pagination-button-border: 1px solid var(--color-border);
    --pagination-button-shadow: none;
    --pagination-button-hover-bg: var(--color-surface-hover);
    --pagination-button-hover-color: var(--color-text);
    --pagination-button-hover-border-color: var(--color-border-highlight);
    --pagination-button-hover-shadow: none;

    /* Artikel-Teaser-Body – profilfähige Tokens */
    --color-article-teaser-body-bg: transparent;
    --article-teaser-body-border-top: none;
    --color-article-teaser-category: var(--color-primary);
    --color-article-teaser-category-hover: var(--color-primary-hover);
    --color-article-teaser-category-bg: transparent;
    --article-teaser-category-padding: 2px 0;
    --article-teaser-category-radius: 0;
    --color-article-teaser-date: var(--color-text-muted);
    --color-article-teaser-title: var(--color-headline);
    --color-article-teaser-title-hover: var(--color-primary-hover);
    --color-article-teaser-excerpt: var(--color-text-muted);

    /* Lead-Artikel-Teaser – profilfähige Tokens */
    --color-article-teaser-lead-card-bg: var(--color-surface-article-teaser);
    --color-article-teaser-lead-card-border: var(--color-border);
    --article-teaser-lead-card-shadow: var(--shadow-sm);
    --color-article-teaser-lead-body-bg: var(--color-article-teaser-body-bg);
    --article-teaser-lead-body-padding-block: 14px;
    --article-teaser-lead-body-padding-inline: 16px;
    --color-article-teaser-lead-title: var(--color-article-teaser-title);
    --color-article-teaser-lead-title-hover: var(--color-article-teaser-title-hover);
    --color-article-teaser-lead-excerpt: var(--color-article-teaser-excerpt);

    /* Sidebar-Section-Titel – profilfähige Tokens */
    --sidebar-section-title-color: var(--color-headline);
    --sidebar-section-title-font-size: var(--font-size-2xl);
    --sidebar-section-title-font-weight: var(--font-weight-bold);
    --sidebar-section-title-letter-spacing: 0.01em;
    --sidebar-section-title-text-transform: none;
    --sidebar-section-title-padding-bottom: 0;
    --sidebar-section-title-margin-bottom: 1rem;
    --sidebar-section-title-border-bottom: none;
    --sidebar-section-title-accent-width: 0;
    --sidebar-section-title-accent-margin-top: 0;
    --sidebar-section-title-accent-line: var(--gradient-text);

    /* Headlines Premium – profilfähige Tokens (Artikel-Detail, Fließtext-H2/H3) */
    --article-detail-headline-h1-color: var(--color-headline);
    --article-detail-headline-h1-font-size: clamp(1.75rem, 3vw, var(--font-size-5xl));
    --article-detail-headline-h1-letter-spacing: -0.025em;
    --article-detail-headline-h1-padding-bottom: 0;
    --article-detail-headline-h1-margin-bottom: 1rem;
    --article-detail-headline-h1-border-bottom: none;
    --article-detail-headline-h1-accent-width: 0;
    --article-detail-headline-h1-accent-margin-top: 0;
    --article-detail-headline-h1-accent-line: var(--gradient-text);
    --headline-h2-color: var(--headline-text-color, var(--color-headline));
    --headline-h2-font-size: var(--font-size-2xl);
    --headline-h2-letter-spacing: 0.01em;
    --headline-h2-text-transform: none;
    --headline-h2-margin-top: 0;
    --headline-h2-padding-bottom: 0;
    --headline-h2-margin-bottom: 1rem;
    --headline-h2-border-bottom: none;
    --headline-h2-accent-width: 0;
    --headline-h2-accent-margin-top: 0;
    --headline-h2-accent-line: var(--gradient-text);
    --headline-h3-color: var(--headline-text-color, var(--color-headline));
    --headline-h3-font-size: var(--font-size-lg);
    --headline-h3-letter-spacing: 0.01em;
    --headline-h3-margin-top: 0;
    --headline-h3-margin-bottom: 0.75rem;
    --headline-h3-border-left-width: 0;
    --headline-h3-border-left-color: var(--color-primary);
    --headline-h3-padding-left: 0;
    --article-detail-hero-image-max-width: 800px;
    --article-detail-author-box-margin-top: 2rem;
    --article-detail-author-box-padding: 1.5rem 0 0 0;
    --article-detail-author-box-bg: transparent;
    --article-detail-author-box-radius: 0;
    --article-detail-author-box-border-top: 1px solid var(--color-border);
    --article-detail-author-box-border: none;
    --article-detail-author-box-shadow: none;
    --article-detail-author-avatar-size: 80px;
    --article-detail-author-avatar-border: none;
    --article-detail-author-avatar-shadow: none;
    --article-detail-author-avatar-bg: var(--color-background);
    --article-detail-author-name-color: var(--color-headline);
    --article-detail-author-bio-color: var(--color-text-muted);
    --detail-row-gap: 0.25rem;
    --detail-row-margin-bottom: 1rem;
    --detail-row-label-color: var(--color-text-muted);
    --detail-row-label-font-size: var(--font-size-sm);
    --detail-row-label-font-weight: var(--font-weight-semibold);
    --detail-row-label-letter-spacing: 0.04em;
    --detail-row-label-text-transform: uppercase;
    --detail-row-label-padding-bottom: 0;
    --detail-row-label-margin-bottom: 0;
    --detail-row-label-border-bottom: none;
    --detail-row-label-accent-width: 0;
    --detail-row-label-accent-height: 0;
    --detail-row-label-accent-margin-top: 0;
    --detail-row-label-accent-line: var(--gradient-text);
    --detail-row-value-color: var(--color-text);
    --detail-row-value-font-size: var(--font-size-base);
    --detail-row-value-font-weight: var(--font-weight-normal);
    --article-location-card-bg: transparent;
    --article-location-card-padding: 0;
    --article-location-card-radius: 0;
    --article-location-card-border: none;
    --article-location-card-shadow: none;
    --most-read-section-bg: transparent;
    --most-read-section-padding-inline: 0;
    --most-read-section-padding-top: 0;
    --most-read-section-padding-bottom: 0;
    --most-read-section-radius: 0;
    --most-read-section-border: none;
    --most-read-section-shadow: none;
    --most-read-item-padding-block: 12px;
    --most-read-item-padding-inline: 0;
    --most-read-item-border-bottom: 1px solid var(--color-border);
    --most-read-item-hover-bg: transparent;
    --most-read-item-radius: 0;
    --most-read-link-gap: 0.75rem;
    --most-read-rank-size: var(--font-size-sm);
    --most-read-rank-min-width: 1.5rem;
    --most-read-rank-color: var(--color-primary);
    --most-read-rank-bg: transparent;
    --most-read-rank-border: none;
    --most-read-rank-radius: 0;
    --most-read-rank-font-weight: var(--font-weight-bold);
    --most-read-title-color: var(--color-headline);
    --most-read-title-hover-color: var(--color-primary);
    --most-read-title-font-size: var(--font-size-sm);
    --most-read-title-font-weight: var(--font-weight-medium);
    --most-read-title-line-height: 1.4;
}