/* Fælles design-system for hele siden: farver, skrifttype og grundstil.
   Indlæses på alle sider FØR sidens egen CSS, så alle bruger de samme
   farvenavne (fx var(--teal)) i stedet for at gentage hex-koder overalt. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root {
    --teal: #04949B;
    --teal-dark: #037B81;
    --teal-soft: rgba(4,148,155,.12);
    --ink: #14181c;
    --muted: #5b6570;
    --bg: #ffffff;
    --bg-soft: #f2f5f5;
    --border: #e6eaea;
    --shadow-soft: 0 20px 40px -16px rgba(20,24,28,.14);
}

* { box-sizing: border-box; }

body { font-family: "Poppins", sans-serif; background: var(--bg); color: var(--ink); }