:root {
    /* ── Baggrunde ─────────────────────────────────── */
    --bg: #f2f2f7;          /* iOS systemgrå */
    --bg-main: #f2f2f7;
    --card: #ffffff;

    /* ── Tekst ─────────────────────────────────────── */
    --text: #1c1c1e;        /* iOS label */
    --text-secondary: #3c3c43; /* iOS secondary label */
    --muted: #6d6d72;       /* iOS tertiary label */

    /* ── Accentfarver ──────────────────────────────── */
    --primary: #007aff;     /* iOS Blue */
    --primary-hover: #0062cc;
    --primary-light: #e8f2ff;

    --success: #34c759;     /* iOS Green */
    --success-hover: #27a648;

    --warning: #ff9500;     /* iOS Orange */
    --danger: #ff3b30;      /* iOS Red */
    --danger-hover: #cc2f26;

    /* ── Grænselinjer ──────────────────────────────── */
    --border: rgba(60, 60, 67, 0.18);
    --border-strong: rgba(60, 60, 67, 0.36);

    /* ── Hjørner ───────────────────────────────────── */
    --radius: 14px;
    --radius-sm: 10px;
    --radius-lg: 20px;
    --radius-pill: 999px;

    /* ── Skygger (iOS-stil, bløde) ─────────────────── */
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.07), 0 0 1px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 1px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.05);

    /* ── Typografi (iOS HIG skala, 7 trin) ───────── */
    --font-xs: 11px;       /* badges, uppercase captions, labels, hjælpetekst */
    --font-sm: 13px;       /* metadata, sekundær tekst, knapper, tabel-celler */
    --font-body: 15px;     /* brødtekst, listeindhold */
    --font-input: 16px;    /* inputs/selects (iOS zoom-grænse, minimum) */
    --font-lg: 18px;       /* sheet/modal titler, card headers, h3 */
    --font-xl: 22px;       /* side-titler, h2 */
    --font-2xl: 28px;      /* store overskrifter, h1 */

    /* ── Layout ────────────────────────────────────── */
    --sidebar-width: 240px;
    --sidebar-collapsed-width: 72px;
    --topbar-height: 60px;
    --tab-bar-height: 82px;

    /* ── Animationer ───────────────────────────────── */
    --ease-ios: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --duration-fast: 150ms;
    --duration-normal: 250ms;
    --duration-slow: 350ms;
}