/*
 * Brand typography — unifies the WHOLE project on a single font.
 *
 * 'Avenir LT Std' is the brand/logo font. The licensed .otf files are not
 * shipped in the repo, so 'Mulish' (the closest free Google Fonts match to
 * Avenir) is loaded as the consistent web fallback. Keeping Avenir first in
 * the stack means the exact brand font is used automatically the moment the
 * AvenirLTStd*.otf files are added to /public/assets/Font.
 *
 * This file is loaded LAST in every layout (frontend + chef/client/admin
 * dashboards) so it overrides theme defaults such as kaiadmin's 'Public Sans'.
 * Icon fonts (Font Awesome, LineAwesome, simple-line-icons) are intentionally
 * NOT targeted so glyphs keep rendering correctly.
 */

:root {
    --brand-font: 'Avenir LT Std', 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

    /* Re-point existing font variables so every var()-based rule inherits the brand font */
    --font-family-primary: var(--brand-font);
    --font-family-secondary: var(--brand-font);
    --font-family-tertiary: var(--brand-font);
    --bs-body-font-family: var(--brand-font);
    --bs-font-sans-serif: var(--brand-font);

    /* Single base type size for the whole project (frontend + every dashboard).
       The dashboards' kaiadmin theme uses a 14px root while the public site uses
       16px; pinning both to 16px makes rem-based sizing render identically. */
    --bs-root-font-size: 16px;
    --bs-body-font-size: 1rem;
}

/* Consistent root => consistent rem everywhere (overrides kaiadmin's 14px) */
html {
    font-size: 16px !important;
}

body {
    font-size: 1rem !important; /* 16px */
    line-height: 1.5;
}

body,
h1, h2, h3, h4, h5, h6,
p, a, span, label, li, dt, dd, blockquote, figure, figcaption,
small, strong, b, em, th, td, caption, legend, fieldset, address, time,
.btn, button,
input, select, textarea, optgroup,
.form-control, .form-select, .form-label, .form-check-label, .form-text, .input-group-text,
.nav, .nav-link, .navbar, .navbar-brand, .dropdown, .dropdown-menu, .dropdown-item, .dropdown-header,
.sidebar, .sidebar .nav-link, .sidebar p, .sidebar span, .sidebar a,
.card, .card-title, .card-subtitle, .card-body, .card-header, .card-footer,
.modal, .modal-title, .modal-body, .badge, .alert, .tooltip, .popover,
.table, .breadcrumb, .pagination, .list-group, .list-group-item,
.tab-content, .tab-pane, .accordion, .accordion-button, .toast {
    font-family: var(--brand-font) !important;
}