/*
“kontrakt”
Foundation components ændres aldrig af features globalt
aldrig .tm-card { ... } i feature-filer
kun .tm-climate .tm-card { ... }
Features lever i @layer tm-features
alt feature-specifikt ligger der
Utilities er kun små overrides
spacing, text, shadow, border osv.
ingen “komponentlogik” i utilities
Base.css holdes konservativ i starten
ingen globale resets der kan påvirke legacy
 
========================================================================

Navngivning prøver at følge BEM (Block, Element, Modifier) standarden 
https://getbem.com/introduction/
 
Kerneelementer i BEM-standard:
-- Block (Blok): Den selvstændige komponent, der danner rammen (f.eks. .menu, .button, .card).
-- Element (Element): En del af en blok, der er afhængig af blokken (f.eks. .menu__item, .card__title). Adskilles med to underscores (__).
-- Modifier (Modifier): En flag-egenskab, der ændrer udseende eller opførsel (f.eks. .button--large, .menu__item--active). Adskilles med to bindestreger (--). 

*/ 

@layer tm-variables, tm-base, tm-layout, tm-components, tm-utilities, tm-features;

/* Design variables: colors, typography scale, spacing, shadows, layout values */
@import url("./variables.css?v=103");

/* Minimal global base styles (typography, basic element defaults) */
@import url("./base.css?v=104");

/* Generic grid layout system (columns, responsive grids) */
@import url("./layout.grid.css");

/* Vertical spacing layout pattern (stacked elements with consistent gaps) */
@import url("./layout.stack.css");

/* Layout sidebar - only to be included on pages with 2 columns */
@import url("./layout.two-col.css");

/* Header component */
@import url("./components.header.css");

/* Footer component */
@import url("./components.footer.css");

/* Button component (base button styling and variants) */
@import url("./components.button.css?v=1");

/* Form component (inputs, labels, form layout basics) */
@import url("./components.form.css?v=12");

/* Pattern component (arrow on link) */
@import url("./components.pattern.css");

/* Card component (reusable content container with optional media) */
@import url("./components.card.css");

/* Carrousel component */
@import url("./components.carousel.css"); 

/* Accordion component */
@import url("./components.accordion.css");

/* Small single-purpose utility classes (spacing, text, borders, etc.) */
@import url("./utilities.css?v=15");