/*
 * Helix Technologies - Typography System
 * Place: resources/css/helix-fonts.css
 * Register in: config/backpack/theme-tabler.php -> styles[] (FIRST position)
 *
 * Brand hierarchy (Libro de Marca):
 *   H1        -> Roboto Condensed Black, uppercase
 *   H2, H3    -> Roboto Flex (weight 800, width 151)
 *   Body, UI  -> Space Grotesk Regular
 */

/* =========================================================================
   GOOGLE FONTS IMPORT
   ========================================================================= */

@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700;900&family=Roboto+Flex:opsz,wdth,wght@8..144,100..151,100..1000&family=Space+Grotesk:wght@300;400;500;600;700&display=swap");

/* =========================================================================
   TABLER VARIABLE OVERRIDES
   Body / UI font -> Space Grotesk
   ========================================================================= */

:root {
    --tblr-font-sans-serif: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
    --tblr-body-font-family: var(--tblr-font-sans-serif);
}

body {
    font-family: var(--tblr-font-sans-serif);
}

/* =========================================================================
   HEADING HIERARCHY
   ========================================================================= */

/* H1 — Roboto Condensed Black, uppercase */
h1, .h1 {
    font-family: "Roboto Condensed", var(--tblr-font-sans-serif);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* H2, H3 — Roboto Flex, weight 800, width 151 */
h2, .h2,
h3, .h3 {
    font-family: "Roboto Flex", var(--tblr-font-sans-serif);
    font-weight: 800;
    font-stretch: 115%;
}

/* H4, H5, H6 — Space Grotesk SemiBold (UI consistency) */
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: var(--tblr-font-sans-serif);
    font-weight: 600;
}

/* =========================================================================
   NAVIGATION & UI ELEMENTS
   Body font (Space Grotesk) for readability
   ========================================================================= */

.navbar,
.nav-link,
.dropdown-item,
.btn,
.form-control,
.form-select,
.form-label,
.table,
.card-title,
.page-title,
.breadcrumb {
    font-family: var(--tblr-font-sans-serif);
}

/* Nav links slightly heavier for legibility at small sizes */
.nav-link {
    font-weight: 500;
}

/* =========================================================================
   BACKPACK SPECIFIC OVERRIDES
   ========================================================================= */

/* Page titles in CRUD list/show views */
.page-header .page-title {
    font-family: "Roboto Condensed", var(--tblr-font-sans-serif);
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* Card headers in CRUD forms */
.card > .card-header > .card-title {
    font-family: "Roboto Flex", var(--tblr-font-sans-serif);
    font-weight: 700;
    font-stretch: 125%;
}

/* Business bar name */
.helix-business-bar__name {
    font-family: "Roboto Condensed", var(--tblr-font-sans-serif);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}