/* Freiermuth Connect - Global Design System Tokens & Base Utilities */

:root {
    --bg-base: #f3f6fa;
    --bg-soft: #e8f0f6;
    --surface: #ffffff;
    --ink: #142437;
    --ink-soft: #425567;
    --line: #d4dfe8;
    --primary: #0f5f9b;
    --primary-deep: #0b4672;
    --accent-teal: #1a9a7a;
    --shadow-glass: 0 18px 44px rgba(20, 36, 55, 0.08);
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--bg-base);
    color: var(--ink);
}

/* Glassmorphism Surface Utilities */
.glass-header {
    background: rgba(247, 250, 253, 0.88);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(212, 223, 232, 0.8);
}

.glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(212, 223, 232, 0.9);
    box-shadow: var(--shadow-glass);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.glass-card:hover {
    border-color: #aac8de;
    box-shadow: 0 24px 50px rgba(20, 36, 55, 0.13);
    transform: translateY(-2px);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg-base);
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}