/**
 * File: assets/css/frontend/branding.css
 * Purpose: Provides canonical brand-logo sizing primitives consumed by future theme header and footer modules.
 * Scope: Shared theme brand presentation primitives only; no header, footer, or plugin component layout.
 * Related PHP: src/Frontend/Branding/BrandingPresentation.php, src/Support/Brand.php
 * Related CSS: assets/css/foundation/tokens.css, assets/css/frontend/general.css
 * Related JS: None
 * Package: HyperDAF Pro
 */

:root {
    --hdf-brand-logo-max-width: 13.75rem;
    --hdf-brand-logo-mobile-max-width: 11.25rem;
}

.hdf-brand-logo {
    display: block;
    width: auto;
    max-width: min(100%, var(--hdf-brand-logo-max-width));
    height: auto;
}

.hdf-brand-logo--mobile {
    max-width: min(100%, var(--hdf-brand-logo-mobile-max-width));
}

.hdf-brand-mark {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}