/* ============================================
   SV THEME - Sparkassen Versicherung
   ============================================ */

:root {
    /* Farben - Primary & Secondary */
    --color-primary: #4066b3;
    --color-secondary: #6C757D;
    --color-accent: #4A6FA5;
    --color-success: #28A745;
    --color-danger: #DC3545;
    --color-warning: #FFC107;
    --color-info: #17A2B8;
    /* Header & Sidebar */
    --color-header-bg: #fff;
    --color-header-text: #FFFFFF;
    --color-header-main-bg: #fff;
    --color-header-main-text: #fff;
    --color-header-main-text-a: #fff;
    --color-sidebar-bg: #4066b3;
    --color-sidebar-text: #fff;
    --color-sidebar-hover: rgba(44, 44, 44, 0.1);
    --color-sidebar-active: rgba(44, 44, 44, 0.2);
    /* Hintergründe */
    --color-bg-primary: #FFFFFF;
    --color-bg-secondary: #F5F5F5;
    --color-bg-light: #FAFAFA;
    --color-bg-dark: #343A40;
    /* Text */
    --color-text-primary: #212529;
    --color-text-secondary: #6C757D;
    --color-text-muted: #999999;
    --color-text-light: #FFFFFF;
    /* Borders */
    --color-border: #DDDDDD;
    --color-border-light: #E9ECEF;
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;
    /* Border Radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.25rem;
    --radius-lg: 0.375rem;
    --radius-xl: 0.5rem;
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Transitions */
    --transition-fast: 150ms ease-in-out;
    --transition-normal: 250ms ease-in-out;
    --transition-slow: 350ms ease-in-out;
    /* Typography */
    --font-family-base: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-family-heading: 'Segoe UI Semibold', 'Segoe UI', sans-serif;
    --font-size-base: 0.95rem;
    --font-size-sm: 0.875rem;
    --font-size-lg: 1.1rem;
    --font-size-xl: 1.2rem;
    --line-height-base: 1.5;
}

main .top-row {
    border-bottom: 1px solid var(--color-header-bg);
}