/* ==========================================================================
   CSS Variables
   ========================================================================== */

:root {
    /* Colors */
    --vane-black: #000000;
    --vane-white: #ffffff;
    --vane-gray: #f5f5f5;
    --vane-gray-dark: #333333;

    /* Typography */
    --vane-font-primary: 'Avenir', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Spacing */
    --vane-header-height: 80px;
    --vane-topbar-height: 34px;
    --vane-header-total-height: calc(var(--vane-header-height) + var(--vane-topbar-height));
    --vane-container-padding: 30px;
}