:root {
    --primary-light: #4f46e5;
    --primary-dark: #312e81;
    
    --bg-body: #f8fafc;
    --bg-card: #ffffff;
    --bg-header: #f1f5f9;
    --bg-input: #ffffff;
    --bg-hover: rgba(0, 0, 0, 0.04);
    --bg-hover-more: rgba(0, 0, 0, 0.06);
    --bg-hover-subtle: rgba(0, 0, 0, 0.015);
    --bg-subtle: rgba(0, 0, 0, 0.03);
    --bg-glass: rgba(255, 255, 255, 0.85);
    --bg-drawer: rgba(255, 255, 255, 0.98);
    --bg-overlay: rgba(15, 23, 42, 0.3);
    --bg-station: rgba(0, 0, 0, 0.02);
    --bg-detail: rgba(0, 0, 0, 0.02);
    --bg-collapse-summary: rgba(79, 70, 229, 0.06);
    --bg-line-filters: rgba(15, 23, 42, 0.04);
    
    --text-main: #0f172a;
    --text-muted: #334155;
    --text-accent: #4f46e5;
    --text-alias: #64748b;
    
    --border-color: #cbd5e1;
    --border-color-light: #e2e8f0;
    --border-subtle: rgba(0, 0, 0, 0.12);
    --border-line-filters: #cbd5e1;
    
    --danger-bg: rgba(239, 68, 68, 0.08);
    --danger-text: #dc2626;
    --danger-border: rgba(239, 68, 68, 0.15);
    --warning-bg: rgba(245, 158, 11, 0.1);
    --warning-border: rgba(245, 158, 11, 0.2);
    
    --badge-esc-bg: rgba(16, 185, 129, 0.1);
    --badge-esc-text: #059669;
    --badge-esc-border: rgba(16, 185, 129, 0.2);
    --badge-ibt-bg: rgba(59, 130, 246, 0.1);
    --badge-ibt-text: #2563eb;
    --badge-ibt-border: rgba(59, 130, 246, 0.2);

    --logo-shadow: none;
    
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.03);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.1);
    --shadow-primary: 0 4px 12px rgba(79, 70, 229, 0.25);
    --shadow-primary-hover: 0 6px 20px rgba(79, 70, 229, 0.45);
    --shadow-brand: none;
    --shadow-brand-text: none;
    --shadow-input: inset 0 1px 2px rgba(0,0,0,0.03);
    --shadow-input-focus: 0 0 0 3px rgba(99, 102, 241, 0.15);
    --shadow-drawer: 4px 0 30px rgba(0,0,0,0.05);

    /* Navbar / Shortcut icon states */
    --border-icon-hover: rgba(79, 70, 229, 0.3);
    --bg-icon-hover: rgba(79, 70, 229, 0.08);
    --text-icon-hover: #4f46e5;
    --shadow-icon-hover: none;
    
    /* Drawer Active styles */
    --border-drawer-active: 3px solid #312e81;
    --shadow-drawer-active: 0 4px 16px rgba(67, 56, 202, 0.35);
    --text-shadow-drawer-active: 0 1px 2px rgba(0, 0, 0, 0.2);
    --font-weight-drawer-active: 700;

    /* Station Selected styles */
    --bg-station-selected: rgba(79, 70, 229, 0.06);
    --border-station-selected: rgba(79, 70, 229, 0.25);

    /* Filter buttons */
    --filter-btn-opacity-inactive: 0.65;
    --filter-btn-all-bg: #f1f5f9;

    /* Manufacturer Badges */
    --style-default-bg: rgba(79, 70, 229, 0.1);
    --style-default-text: #4f46e5;
    --style-default-border: rgba(79, 70, 229, 0.2);
    --style-ft-bg: rgba(59, 130, 246, 0.1);
    --style-ft-text: #2563eb;
    --style-ft-border: rgba(59, 130, 246, 0.2);
    --style-avante-bg: rgba(6, 182, 212, 0.1);
    --style-avante-text: #0891b2;
    --style-avante-border: rgba(6, 182, 212, 0.2);
    --style-kone-bg: rgba(16, 185, 129, 0.1);
    --style-kone-text: #059669;
    --style-kone-border: rgba(16, 185, 129, 0.2);

    /* Code block */
    --code-bg: #f1f5f9;
    --code-bg-active: #cbd5e1;
    --code-text: #4f46e5;
    --code-shadow: none;

    /* Secondary button styling */
    --bg-btn-secondary: #e2e8f0;
    --text-btn-secondary: #0f172a;
    --border-btn-secondary: #cbd5e1;
    --bg-btn-secondary-hover: #cbd5e1;

    /* PWA install banner */
    --bg-pwa-banner: rgba(255, 255, 255, 0.88);
    --border-pwa-banner: rgba(0, 0, 0, 0.08);
    --text-pwa-banner-title: #0f172a;
    --text-pwa-banner-desc: #334155;
    --bg-pwa-btn-close: rgba(0, 0, 0, 0.05);
    --text-pwa-btn-close: #0f172a;
    --bg-pwa-btn-close-hover: rgba(0, 0, 0, 0.1);
}