/* ============================================================
   Safe Badkamers — Brand Tokens
   Blauw/Wit Modern Theme
   ============================================================ */

:root {
    /* Brand Colors */
    --sb-ocean: #1B6B9E;
    --sb-water: #4EADD9;
    --sb-sky: #E8F4FD;
    --sb-orange: #FF6B35;
    --sb-dark: #0F2A3D;
    --sb-white: #FFFFFF;

    /* Map to functional vars */
    --primary: var(--sb-ocean);
    --primary-dark: #145580;
    --primary-light: #2580B8;
    --secondary: var(--sb-water);
    --secondary-light: #7CC4E5;
    --accent: var(--sb-sky);
    --cta: var(--sb-orange);
    --cta-hover: #E85A25;
    --text-dark: #1A1A2E;
    --text-body: #374151;
    --text-muted: #6B7280;
    --bg-dark: var(--sb-dark);
    --bg-section: #F0F7FC;
    --border: #E2EBF3;

    /* Typography */
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Playfair Display', Georgia, serif;

    /* Shadows */
    --shadow-brand: 0 8px 30px rgba(27, 107, 158, 0.15);
}

/* Brand accent on key elements */
.cta-button {
    background: var(--sb-orange);
}

.section-tag {
    background: var(--sb-sky);
    color: var(--sb-ocean);
}

/* Link accent */
a:hover {
    color: var(--sb-ocean);
}