/* 3D Academy brand — light theme tokens */

:root {
    --brand-primary: #07c1f3;
    --brand-primary-deep: #1bace3;
    --brand-primary-mid: #37a8df;
    --brand-primary-soft: #6cc1e7;
    --brand-primary-pale: #b2daeb;
    --brand-grey-dark: #6c6d70;
    --brand-grey-mid: #ced1d0;
    --brand-grey-light: #d3d5d6;
    --brand-gradient: linear-gradient(135deg, #07c1f3 0%, #1bace3 50%, #37a8df 100%);
    --brand-glow: rgba(7, 193, 243, 0.25);
    color-scheme: light;
    --brand-bg: #f0f7fb;
    --brand-bg-elevated: #ffffff;
    --brand-surface: rgba(255, 255, 255, 0.92);
    --brand-surface-solid: #ffffff;
    --brand-text: #2a2e33;
    --brand-text-heading: #1a1d21;
    --brand-muted: #6c6d70;
    --brand-border: rgba(108, 109, 112, 0.18);
    --brand-border-bright: rgba(7, 193, 243, 0.55);
    --brand-nav-bg: rgba(255, 255, 255, 0.94);
    --brand-nav-link: #4a4e54;
    --brand-card-bg: #ffffff;
    --brand-grid-line: rgba(7, 193, 243, 0.08);
    --brand-aurora-1: rgba(7, 193, 243, 0.2);
    --brand-aurora-2: rgba(178, 218, 235, 0.55);
    --brand-aurora-3: rgba(108, 193, 231, 0.15);
    --brand-noise-opacity: 0.025;
    --brand-btn-text: #041018;
    --brand-shadow: rgba(7, 193, 243, 0.12);
    --brand-display-gradient: linear-gradient(120deg, #1a1d21 0%, #1bace3 45%, #07c1f3 90%);
    --h3d-offers-bg: linear-gradient(180deg, rgba(178, 218, 235, 0.55) 0%, rgba(240, 247, 251, 0) 88%);
    --h3d-offer-shadow: 0 4px 20px rgba(7, 193, 243, 0.1), 0 1px 3px rgba(108, 109, 112, 0.08);
    --h3d-offer-shadow-hover: 0 16px 40px rgba(7, 193, 243, 0.2), 0 4px 12px rgba(108, 109, 112, 0.06);
    --h3d-offer-icon-bg: linear-gradient(145deg, rgba(178, 218, 235, 0.65), rgba(7, 193, 243, 0.12));
    --h3d-offer-icon-border: rgba(7, 193, 243, 0.28);
    --h3d-offer-shine: radial-gradient(circle at 100% 0%, rgba(7, 193, 243, 0.18), transparent 58%);
    --h3d-offer-live-border: rgba(27, 172, 227, 0.45);
    --nav-link-hover-bg: rgba(7, 193, 243, 0.06);
    --nav-link-active-bg: rgba(7, 193, 243, 0.12);
}

/* Brand logo assets (public/assets/default/img/brand/) */
.brand-logo,
.newUpdated-logo-img--brand,
.site-footer-brand-img,
.h3d-brand-logo {
    object-fit: contain;
    height: auto;
}

.newUpdated-logo-img--brand {
    max-height: 48px;
    max-width: 160px;
}

.site-footer-brand-img {
    max-height: 64px;
    max-width: 200px;
}

.h3d-brand-logo {
    max-width: min(320px, 88vw);
    max-height: 120px;
}