:root {
    --hcn-primary: #1b265c;
    --hcn-blue-1: #127ac1;
    --hcn-blue-2: #2a9ad9;
    --hcn-blue-3: #40c5e7;
    --hcn-teal: #1199a9;
    --hcn-green-1: #207442;
    --hcn-green-2: #5e9440;
    --hcn-yellow: #ffdd3d;
    --hcn-bg: #f4f7fb;
    --hcn-text: #1b265c;
}

.logo {
    height: 44px;
    width: auto;
    object-fit: contain;
}

.logo-sm { height: 36px; }
.logo-lg { height: 64px; }

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.brand-text h1,
.brand-text .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}

.brand-text p,
.brand-text .sub {
    font-size: 12px;
    opacity: 0.85;
    margin-top: 2px;
}