/* ==========================================================
   LJH-FONTS.CSS
   Global typografi (INFORMATION, INTE LAYOUT)
========================================================== */


/* ===============================
   1. BAS
=============================== */

.ljh-text {
    font-size: 0.85rem;
    line-height: 1.45;
}

.ljh-text-muted {
    opacity: 0.65;
}


/* ===============================
   2. ETIKETTER & KONTEXT
=============================== */

.ljh-label {
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.6;
}

.ljh-kicker {
    font-size: 0.7rem;
    opacity: 0.65;
}


/* ===============================
   3. VÄRDEN & SIFFROR
=============================== */

.ljh-value {
    font-size: 1.4rem;
    font-weight: 600;
}

.ljh-value-lg {
    font-size: 1.8rem;
    font-weight: 700;
}


/* ===============================
   4. RUBRIKER (INRE, EJ HERO)
=============================== */

.ljh-title-sm {
    font-size: 0.95rem;
    font-weight: 600;
}

.ljh-title-md {
    font-size: 1.1rem;
    font-weight: 650;
}


/* Inflyttade fontregler från andra css-filer */

h1, h2, h3 {
  font-weight: 700;
  letter-spacing: -0.04em;
}

h1 { color: var(--ljh-aqua-light); }
h2 { color: var(--ljh-aqua); }
h3 { color: var(--ljh-text-soft); }