/* Root-variabler */
:root {
	--color-text-default: #1a1a1a;
    --color-text-lighter: #a1aab8;
    --color-text-light: #7d889c;
	--color-text-danger: #d72c4a;
	--color-text-warning: #f99930;
	--color-text-success: #19bf61;
	--color-bg-light-primary: #D2D0BB;
    --color-bg-light-secondary: #eff4f7;
    --color-bg-light-tertiary: #D2D0BB;
	--color-bg-dark: #000f2f;
	--color-bg-primary: #D2D0BB;
	--color-bg-danger: #fee6e0;
	--color-bg-warning: #fff6d9;
	--color-bg-success: #e8fada;
	--color-headline-primary: #1a1a1a;
	--color-headline-secondary: #257698;
	--color-link-primary: #0052ff;
	--color-link-secondary: #1a1a1a;
    --color-btn-primary: #0052ff; /* ← FIX: manglede semikolon */

	--padding-small: 9px;
	--padding-default: 12px;
	--padding-medium: 18px;
	--padding-double: 24px;
	--padding-half: 6px;

    --border-radius-small: 12px;
    --border-radius-medium: 18px;
    --border-radius-double: 24px;

	--font-size-small: 9.5pt;

    /* Fonte */
    --font-ui: "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-body: "IBM Plex Serif", Georgia, "Times New Roman", serif;
}

/* =========================
   TYPOGRAFI
   ========================= */

/* UI / generelt */
body,
h1, h2, h3, h4, h5, h6,
button,
.btn,
input,
select,
textarea,
header,
footer,
a.box {
    font-family: var(--font-ui);
}

/* Brødtekst = SERIF */
p,
li,
ul,
ol {
    font-family: var(--font-body);
}

/* Editor-indhold (sikkerhed) */
.editor-tekst {
    font-family: var(--font-body);
}

/* =========================
   EKSISTERENDE STYLES (uændret)
   ========================= */

/* Workshop-billede */
.workshop-image-container {
	padding-top: 67%;
}

/* Bjælken med "supporters" */
.program-supporters.header {
    background-color: var(--color-bg-light-tertiary);
    color: var(--color-text-default);
    padding: var(--padding-default) var(--padding-double);
    font-family: var(--font-ui);
}

.btn {
    background-color: #0052ff !important;
    border-color: #0052ff !important;
    color: #ffffff  !important;
}

.icon-btn:hover,
.icon-btn.active {
    background-color: #f5f5f5 !important; 
    color: var(--color-link-primary);      
}

h1 { color: #1a1a1a; }   
h2 { color: #1a1a1a; }   
h3 { color: #1a1a1a; }   
h4 { color: #1a1a1a; }   

h2.h3 {
    color: #1a1a1a !important;
}

.box-bg-1 {
    background-color: #D2D0BB !important;
}

.box-bg-1 .text-light {
    color: #1a1a1a !important;
}

.box-bg-2 {
    background-color: #D2D0BB !important;
}

body.tilskudsforloeb,
body.workshops {
    background-color: #ffffff !important;
}

header {
    border-bottom: 1px solid #aab7c4 !important; 
}

.griditem.col-12.box {
    background-color: #D2D0BB !important;
    border-color: #D2D0BB !important;
}

/* Bokse */
a.box {
    color: #0052ff !important;
}

a.box i,
a.box svg {
    color: #0052ff !important;
    fill: #1a1a1a !important;
}

a.box:hover {
    color: #257698 !important;
    background-color: #e8f3ff !important;
}

a.box:hover i,
a.box:hover svg {
    color: #257698 !important;
    fill: #257698 !important;
}

/* Links */
a:hover {
    text-decoration: underline !important;
}

/* Footer */
footer h2 {
    color: #ffffff !important;
}