/* Design tokens - portable across IMS / CMS / IMSProjekt
   Same file can be copied 1:1 to the other apps. */
:root {
    /* Brand */
    --color-brand-navy:        #0F2849;
    --color-brand-navy-hover:  #1A3A5F;
    --color-brand-navy-active: #081A33;

    /* Surface */
    --color-bg:              #F8F7F2;
    --color-card:            #FFFFFF;
    --color-card-alt:        #FAFAF7;
    --color-border:          #E5E3DA;
    --color-border-strong:   #C9C7BE;

    /* Text */
    --color-text:         #2C2C2A;
    --color-text-muted:   #6B6B65;
    --color-text-faint:   #888780;
    --color-text-inverse: #FFFFFF;

    /* Accent */
    --color-accent:       #3B7EE5;
    --color-accent-hover: #2C6BC9;

    /* Severity */
    --color-success:     #2E7D5B;
    --color-success-bg:  #E8F4ED;
    --color-warning:     #C77A1F;
    --color-warning-bg:  #FBF1E3;
    --color-breadcrumb-accent:       #C77A1F;
    --color-breadcrumb-accent-hover: #A8651A;
    --color-danger:      #C13838;
    --color-danger-bg:   #FCEBEB;
    --color-info:        #3B7EE5;
    --color-info-bg:     #E8F0FC;

    /* Spacing - 8px base */
    --space-1:  4px;
    --space-2:  8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    /* Radius */
    --radius-sm:    4px;
    --radius-md:    6px;
    --radius-lg:   10px;
    --radius-pill: 999px;

    /* Shadow */
    --shadow-card-hover: 0 2px 4px rgba(15, 40, 73, 0.08), 0 10px 22px rgba(15, 40, 73, 0.13), 0 22px 46px rgba(15, 40, 73, 0.16);
    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono: Consolas, ui-monospace, 'SF Mono', Menlo, monospace;

    --font-size-xs:   12px;
    --font-size-sm:   13px;
    --font-size-base: 14px;
    --font-size-lg:   16px;
    --font-size-xl:   20px;
    --font-size-2xl:  24px;
    --font-size-3xl:  28px;
    --font-size-4xl:  36px;

    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;

    --line-height-tight:   1.2;
    --line-height-base:    1.5;
    --line-height-relaxed: 1.65;

    /* Layout */
    --container-max:  1600px;
    --topnav-height:  64px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(15, 40, 73, 0.04), 0 1px 3px rgba(15, 40, 73, 0.06);
    --shadow-md: 0 2px 6px rgba(15, 40, 73, 0.06), 0 4px 12px rgba(15, 40, 73, 0.08);
    --shadow-lg: 0 4px 12px rgba(15, 40, 73, 0.08), 0 12px 24px rgba(15, 40, 73, 0.10);
}

/* opg-card-elevation: tydelig men bloed kort-skygge (mulighed 1 - baggrund uroert) */
:root {
    /* === CENTRAL kort-skygge: aendr --shadow-card (hvile) + --shadow-card-hover (hover) for hele systemet === */
    --shadow-card: 0 1px 2px rgba(15, 40, 73, 0.07), 0 5px 12px rgba(15, 40, 73, 0.10), 0 14px 30px rgba(15, 40, 73, 0.12);
}