/* Laiskus Design System — Tokens & Base */
/* ── UX / A11Y FIXES (2026-05-04) ───────────────────────────────────────────
   Touch targets ≥44px, contrast fixes.
   Uses !important where needed to override Kit CSS inline <style> block
   which appears after this external stylesheet in the cascade.
   ─────────────────────────────────────────────────────────────────────────── */

/* P1-R1 · Hamburger — min 44×44 touch target */
.lk-burger {
    width:      4.4rem !important;  /* 44px @ 1rem=10px */
    height:     4.4rem !important;
    min-width:  4.4rem !important;
    min-height: 4.4rem !important;
    padding:    0 !important;
    display:    none;               /* keeps desktop hidden; media sets flex */
}
@media (max-width: 900px) {
    .lk-burger { display: flex !important; }
}

/* P1-R1 · Desktop nav links — vertical padding for 44px touch area */
.lk-nav-list > li > a {
    padding-top:    1.2rem !important;  /* 12px top + 12px bottom = 24px added */
    padding-bottom: 1.2rem !important;  /* combined with 14px line-height ≈ 44px */
    display:        block !important;
}

/* P1-R1 · Desktop language switcher — 44px touch target */
.lk-lang a,
.lk-lang span {
    padding:        1rem 1.2rem !important;   /* 10px 12px */
    min-height:     4.4rem !important;
    display:        inline-flex !important;
    align-items:    center !important;
}

/* P1-R1 · Mobile nav lang switcher touch target */
.lk-nav-lang a {
    padding:        1rem 1.2rem !important;
    min-height:     4.4rem !important;
    display:        inline-flex !important;
    align-items:    center !important;
}

/* P2 · Language switcher contrast — #5BA3CC on cream ≈ 3:1 (fail WCAG AA)
   → navy #0E2A5C gives ≈ 10:1, active state already navy — consistent */
.lk-lang a,
.lk-lang span {
    color: var(--laiskus-navy, #0E2A5C) !important;
}
.lk-lang a.active,
.lk-lang span.active {
    color: var(--laiskus-navy, #0E2A5C) !important;
    font-weight: 700 !important;
}
/* inactive: slightly muted navy, still ≥4.5:1 on cream */
.lk-lang a:not(.active),
.lk-lang span:not(.active) {
    color: #2D5F8B !important;  /* darker-sky, contrast ≈5.4:1 on #FBF8F1 */
}
.lk-nav-lang a {
    color: #2D5F8B !important;
}
.lk-nav-lang a.active {
    color: var(--laiskus-navy, #0E2A5C) !important;
    font-weight: 700 !important;
}
/* hover keeps sky-deep accent */
.lk-lang a:hover,
.lk-nav-lang a:hover {
    color: var(--laiskus-sky-deep, #5BA3CC) !important;
}

@font-face { font-family:"Manrope"; src:url("fonts/Manrope-ExtraLight.ttf") format("truetype"); font-weight:200; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("fonts/Manrope-Light.ttf") format("truetype"); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("fonts/Manrope-Regular.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("fonts/Manrope-Medium.ttf") format("truetype"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("fonts/Manrope-SemiBold.ttf") format("truetype"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("fonts/Manrope-Bold.ttf") format("truetype"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("fonts/Manrope-ExtraBold.ttf") format("truetype"); font-weight:800; font-style:normal; font-display:swap; }

:root {
  --laiskus-navy:       #0E2A5C;
  --laiskus-navy-soft:  #1E3A6E;
  --laiskus-sky:        #8FCAE7;
  --laiskus-sky-deep:   #5BA3CC;
  --laiskus-1c-yellow:  #FFCC00;
  --laiskus-1c-red:     #E30613;
  --laiskus-cream:      #FBF8F1;
  --laiskus-paper:      #FFFFFF;
  --laiskus-ink:        #0B1830;
  --fg-1:               #0B1830;
  --fg-2:               #3A4A6B;
  --fg-3:               #6B7A95;
  --fg-muted:           #9BA8BE;
  --bg-2:               #FBF8F1;
  --bg-tint:            #EAF4FA;
  --border-1:           #E8E2D0;
  --border-2:           #CDD6E2;
  --shadow-1: 0 1px 2px rgba(14,42,92,0.06);
  --shadow-2: 0 2px 8px rgba(14,42,92,0.08);
  --shadow-3: 0 8px 24px rgba(14,42,92,0.10);
  --shadow-4: 0 16px 40px rgba(14,42,92,0.14);
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   18px;
  --radius-xl:   28px;
  --radius-pill: 999px;
  --font-display: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --ease-out:     cubic-bezier(0.22, 1, 0.36, 1);
  --ease-bounce:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:     150ms;
  --dur-base:     240ms;
  --dur-slow:     420ms;
}