/**
 * Kimia Farma Shortlink — design tokens (aligned with landing / HOME)
 */
:root {
    --kf-blue: #4b6ef5;
    --kf-blue-dark: #1a1f36;
    --kf-blue-mid: #4b6ef5;
    --kf-orange: #ff6352;
    --kf-orange-gold: #feaf50;
    --kf-orange-dark: #e85545;
    --kf-text: #5a6072;
    --kf-text-muted: #8b92a5;
    --kf-bg-grey: #f5f8ff;
    --kf-bg-lavender: #eef1f8;
    --kf-blue-rgb: 75, 110, 245;
    --kf-orange-rgb: 255, 99, 82;
    --kf-navy-rgb: 26, 31, 54;

    /* Aliases used across home, auth, and admin */
    --purple-start: var(--kf-blue-dark);
    --purple-end: var(--kf-blue-mid);
    --kf-green: var(--kf-orange);
    --kf-green-dark: var(--kf-orange-dark);
    --kf-green-light: rgba(var(--kf-orange-rgb), 0.1);
    --kf-purple-light: rgba(var(--kf-blue-rgb), 0.1);
    --gradient-brand: linear-gradient(135deg, var(--kf-blue) 0%, #3a58d9 100%);
    --gradient-brand-hover: linear-gradient(135deg, #3a58d9 0%, var(--kf-blue) 100%);
    --kf-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --kf-radius: 12px;
    --kf-radius-lg: 16px;
    --kf-radius-pill: 100px;
    --kf-shadow: 0 4px 20px rgba(var(--kf-navy-rgb), 0.06);
    --kf-shadow-lg: 0 12px 48px rgba(var(--kf-navy-rgb), 0.1);
    --kf-border: rgba(var(--kf-navy-rgb), 0.06);
}

.kf-logo {
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
}

.kf-logo--on-dark {
    background: rgba(255, 255, 255, 0.96);
    padding: 6px 12px;
    border-radius: 8px;
    box-sizing: content-box;
}

.kf-logo--white {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.15));
}