/* ==========================================================
   /ui/css/core/ljh-core.css
   LJH – Core
   ----------------------------------------------------------
   Ansvar:
   - Body-klass och typografi
   - Globala animationer
   ----------------------------------------------------------
   OBS: Reset och design tokens finns i ljh-base.css
   Prefix: ljh-
   Version: 1.2
   Laddas via: head_loader.php (globalt, efter ljh-base.css)
========================================================== */


/* ==========================================================
   BODY
========================================================== */

body.ljh-body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont,
        "SF Pro Text", "Segoe UI", sans-serif;
    min-height: 100vh;
    margin: 0;
    background: none;
    color: var(--ljh-text);
    line-height: 1.6;
    animation: fadeIn 0.4s ease-out;
}


/* ==========================================================
   TYPOGRAFI
========================================================== */

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); }


/* ==========================================================
   ANIMATIONER
========================================================== */

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}