/* =====================================================================
   NewYorkGuide.dk — Design System
   Egen visuel identitet: hvid/luftig baggrund, blæksort tekst, én dæmpet
   mørkeblå accent til CTA/knapper, Central Park-grøn (dæmpet) som sekundær
   accent. Ingen skyline-clichéer, ingen gul taxi-farve, ingen rød/hvid/blå
   USA-tema - baggrunden er bevidst hvid og kølig, mens accentfarven er
   levende og indbydende.
   ===================================================================== */

:root {
    /* ---- Farver: neutrale ---- */
    --color-background:      #FFFFFF;   /* ren hvid baggrund */
    --color-background-alt:  #F5F6F9;   /* køligt, let gråblå sektion-baggrund */
    --color-card:            #FFFFFF;
    --color-ink:             #14161B;   /* primær tekst, næsten sort */
    --color-text:            #14161B;
    --color-text-muted:      #666B78;
    --color-text-faint:      #969AA6;
    --color-border:          #E4E6ED;
    --color-border-strong:   #CDD1DC;
    --color-overlay:         rgba(12, 13, 20, 0.55);

    /* ---- Farver: accent ---- */
    --color-accent:          #1E4C8C;   /* mørkeblå - CTA-knapper, hjerte-gem, priser */
    --color-accent-hover:    #163A6B;
    --color-accent-soft:     #E4EBF6;   /* baggrund til accent-badges */
    --color-accent-2:        #1F6B4F;   /* Central Park-grøn — sekundær accent, "Gratis" mm. */
    --color-accent-2-soft:   #E2F0E9;
    --color-primary:         #14161B;   /* mørk primærknap (ink) */
    --color-primary-hover:   #2B2E35;

    --color-success:         #1F6B4F;
    --color-error:           #B3261E;
    --color-error-soft:      #FBE9E7;

    /* ---- Typografi ---- */
    --font-display: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;

    --fs-h1: clamp(2.25rem, 1.7rem + 2.2vw, 3.75rem);
    --fs-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
    --fs-h3: clamp(1.375rem, 1.2rem + 0.7vw, 1.75rem);
    --fs-h4: 1.125rem;
    --fs-body-lg: 1.125rem;
    --fs-body: 1rem;
    --fs-body-sm: 0.875rem;
    --fs-caption: 0.75rem;

    --lh-tight: 1.1;
    --lh-heading: 1.2;
    --lh-body: 1.6;

    /* ---- Spacing-skala ---- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;

    /* ---- Radius & skygger ---- */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-pill: 999px;

    --shadow-card: 0 1px 2px rgba(16,18,28,0.05), 0 8px 24px -12px rgba(16,18,28,0.14);
    --shadow-card-hover: 0 4px 10px rgba(16,18,28,0.07), 0 16px 32px -14px rgba(16,18,28,0.20);
    --shadow-float: 0 12px 40px -8px rgba(16,18,28,0.28);
    --shadow-header: 0 1px 0 rgba(16,18,28,0.06);

    /* ---- Layout ---- */
    --container: 1280px;
    --container-narrow: 860px;
    --header-height: 76px;

    /* ---- Bevægelse ---- */
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --transition-fast: 150ms var(--ease);
    --transition-base: 220ms var(--ease);

    /* ---- Z-index skala ---- */
    --z-header: 100;
    --z-dropdown: 200;
    --z-modal: 300;
    --z-toast: 400;
}

:root[data-theme="dark"],
:root:not([data-theme="light"]) {
    /* Sitet er bevidst designet lyst/luftigt (krav 71) og tilbyder ikke
       et separat mørkt tema for offentlige sider. Admin kan udvides senere. */
}