/**
 * bowerbird Customizer Generated CSS
 * 
 * Generated: 2026-02-21 21:48:42 * Version: 2.0.0 * 
 * WARNING: This file is auto-generated. Do not edit manually.
 * Changes will be overwritten when customizer settings are saved.
 */

:root {
    /* === Typography === */
    --base-font-size: 16px;
    --min-font-size: 16px;
    --max-font-size: 20px;
    --font-scale: 1.333;
    --font-multi: 1;
    
    /* Body Typography */
    --body-font-size: 1rem;
    --body-line-height: 1.5;
    --body-font-family: Raleway;
    --body-font-type: sans-serif;
    --body-font-weight: 400;
    --body-font-style: normal;
    
    /* Headings Typography */
    --headings-line-height: 1.2;
    --headings-font-family: "Comfortaa";
    --headings-font-type: sans-serif;
    --headings-font-weight: 400;
    --headings-font-style: normal;
    
    /* === Layout === */
    --grid-margin: 6vw;
    --grid-width: calc(100svw - var(--grid-margin) * 2);
    --gutter: 1.25rem;
    --gap-res: 3vw;
    
    /* === Custom Layout Variables (Theme-specific) === */
    --h-header: 70px;
    --btn-border-radius: 30px;
    --hmax: 100vh;
    
    /* === Colors - Light Theme === */
    --primary: #2e63b8;
    --primary-light: hsl(217, 50%, 55%);
    --primary-lighter: hsl(217, 50%, 85%);
    --primary-dark: hsl(217, 63%, 35%);
    --primary-darker: hsl(217, 65%, 25%);
    
    --secondary: #1c88a0;
    --secondary-light: hsl(191, 60%, 47%);
    --secondary-lighter: hsl(191, 40%, 67%);
    --secondary-dark: hsl(191, 73%, 27%);
    --secondary-darker: hsl(191, 75%, 17%);
    
    --accent: #335ccc;
    
    --text-color: #091C2E;
    --link-color: #158da8;
    --light: #eff3fb;
    --dark: #091C2E;
    
    /* Hover differences for oklch() calculations */
    --hover-light-diff: +0.1;
    --hover-dark-diff: -0.05;
    
    /* === Custom Color Variables (Theme-specific) === */
    --over-bg: var(--text-color);
}

/* === Responsive Typography === */
@media (max-width: 767px) {
    :root {
        --h-header: 60px;
        --gap-res: 20px;
    }
}

@media (max-width: 992px) {
    :root {
        --font-scale: 1.12;
    }
}

/* === Responsive Layout - Grid Margins === */
@media (min-width: 64em) {
    /* 1024px */
    :root {
        --grid-margin: 8vw;
    }
}

@media (min-width: 85.375em) {
    /* 1366px */
    :root {
        --grid-margin: 12vw;
    }
}

@media (min-width: 120em) {
    /* 1920px */
    :root {
        --grid-margin: 18vw;
    }
}