/*
Theme Name: Hund24
Theme URI: https://hund24.se
Author: Contentsmedjan AB
Author URI: https://hund24.se
Description: Extremt snabbt, lättviktigt klassiskt WordPress-tema för Hund24.se. Modulär, block-scoped CSS, inline SVG-ikoner, vanilla JS och inga webbteckensnitt.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hund24
Tags: blog, two-columns, custom-logo, custom-menu, featured-images, block-patterns, translation-ready
*/

/* -------------------------------------------------------------------------
   Bare minimum only: modern reset + design tokens.
   All layout/component CSS lives in modular, conditionally-enqueued files.
   ------------------------------------------------------------------------- */

*,
*::before,
*::after { box-sizing: border-box; }

* { margin: 0; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img,
picture,
svg,
video { display: block; max-width: 100%; height: auto; }

input,
button,
textarea,
select { font: inherit; color: inherit; }

button { cursor: pointer; background: none; border: 0; }

a { color: inherit; }

:where(h1, h2, h3, h4) { line-height: 1.2; text-wrap: balance; }

:where(p, li) { text-wrap: pretty; }

:focus-visible { outline: 3px solid var(--h24-focus); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

:root {
  /* Color */
  --h24-bg: #ffffff;
  --h24-surface: #f4f6f4;
  --h24-text: #1b1b1b;
  --h24-muted: #5a625c;
  --h24-border: #e2e6e2;
  --h24-primary: #2e7d52;
  --h24-primary-dark: #245f3f;
  --h24-accent: #d8541f;
  --h24-accent-dark: #b8430f;
  --h24-focus: #2e7d52;

  /* Type */
  --h24-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --h24-fs-base: 1.0625rem;
  --h24-fs-sm: 0.875rem;
  --h24-fs-lg: 1.25rem;
  --h24-fs-h1: clamp(1.9rem, 1.35rem + 2.4vw, 2.85rem);
  --h24-fs-h2: clamp(1.45rem, 1.15rem + 1.4vw, 2rem);
  --h24-fs-h3: 1.3rem;

  /* Spacing */
  --h24-s1: 0.5rem;
  --h24-s2: 1rem;
  --h24-s3: 1.5rem;
  --h24-s4: 2.5rem;
  --h24-s5: 4rem;

  /* Layout */
  --h24-content: 46rem;
  --h24-wide: 70rem;
  --h24-radius: 12px;
  --h24-radius-sm: 7px;
  --h24-shadow: 0 1px 2px rgba(20, 30, 20, .06), 0 4px 14px rgba(20, 30, 20, .05);
}