@theme{ --color-basta-green: #40ae49; --color-basta-dark-blue: #19323c; --color-basta-dark-green: #083d35; --color-basta-orange: #da8e1b; --color-basta-blue: #007bb3; --color-basta-purple: #9333ea; --color-basta-green-70: #79c67f; --color-basta-green-50: #9fd6a4; --color-basta-green-30: #c5e6c8; --color-basta-green-15: #e2f2e3; --color-basta-dark-blue-70: #5e6f76; --color-basta-dark-blue-50: #8c989d; --color-basta-dark-blue-30: #bac1c4; --color-basta-dark-blue-15: #dce0e1; --color-basta-dark-green-70: #527771; --color-basta-dark-green-50: #839e9a; --color-basta-dark-green-30: #b4c4c2; --color-basta-dark-green-15: #d9e1e0; --color-basta-orange-70: #e5af5f; --color-basta-orange-50: #ecc68d; --color-basta-orange-30: #f3ddba; --color-basta-orange-15: #f9eedc; --color-basta-blue-70: #4ca2c9; --color-basta-blue-50: #7fbdd9; --color-basta-blue-30: #b2d7e8; --color-basta-blue-15: #d8ebf3; --color-basta-purple-70: #b370f0; --color-basta-purple-50: #c999f4; --color-basta-purple-30: #dec1f8; --color-basta-purple-15: #eee0fb; --color-background: #fbfaf7; --color-surface: #fff; --color-surface-muted: #f4f3ee; --color-surface-brand: #e9f2e7; --color-foreground: #19323c; --color-foreground-muted: #5e6f76; --color-foreground-subtle: #8c989d; --color-foreground-inverse: #fff; --color-border: #e3e2dc; --color-border-strong: #c8cdc9; --color-focus: #007bb3; --color-success: #40ae49; --color-success-surface: #e2f2e3; --color-warning: #da8e1b; --color-warning-surface: #f9eedc; --color-info: #007bb3; --color-info-surface: #d8ebf3; --color-danger: #b3261e; --color-danger-surface: #f9e3e1; --color-grade-alfa: #40ae49; --color-grade-alfa-surface: #e2f2e3; --color-grade-beta: #da8e1b; --color-grade-beta-surface: #f9eedc; --color-grade-deklarerad: #007bb3; --color-grade-deklarerad-surface: #d8ebf3; --color-grade-beta-alfa: #da8e1b; --color-grade-beta-alfa-surface: #f9eedc; --color-grade-deklarerad-alfa: #007bb3; --color-grade-deklarerad-alfa-surface: #d8ebf3; --color-grade-elektronik: #9333ea; --color-grade-elektronik-surface: #eee0fb; --color-grade-none: #8c989d; --color-grade-none-surface: #f4f3ee; --font-display: "IBM Plex Sans", system-ui, sans-serif; --font-body: "IBM Plex Sans", system-ui, sans-serif; --font-mono: "IBM Plex Mono", ui-monospace, monospace; --text-display: 3.5rem; --text-display--line-height: 1.05; --text-display--letter-spacing: -.02em; --text-h1: 2.25rem; --text-h1--line-height: 1.15; --text-h1--letter-spacing: -.015em; --text-h2: 1.75rem; --text-h2--line-height: 1.2; --text-h3: 1.375rem; --text-h3--line-height: 1.3; --text-h4: 1.125rem; --text-h4--line-height: 1.35; --text-h5: 1rem; --text-h5--line-height: 1.4; --text-h6: .9375rem; --text-h6--line-height: 1.4; --text-body: .9375rem; --text-body--line-height: 1.6; --text-small: .8125rem; --text-small--line-height: 1.5; --text-caption: .75rem; --text-caption--line-height: 1.4; --text-label: .6875rem; --text-label--line-height: 1.3; --text-label--letter-spacing: .06em; --radius-xs: 4px; --radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-pill: 999px; --shadow-sm: 0 1px 2px #19323c0f; --shadow-md: 0 2px 8px #19323c14; --shadow-lg: 0 12px 32px #19323c1f; --spacing: .25rem; --size-logo-min-primary: 20px; --size-logo-min-secondary: 76px; }@layer base{html{font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{background-color:var(--color-background);color:var(--color-foreground);font-size:var(--text-body);font-weight:300;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-foreground);font-weight:700}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}}@utility text-label-caps{font-size: var(--text-label); line-height: var(--text-label--line-height); letter-spacing: var(--text-label--letter-spacing); text-transform: uppercase; font-weight: 600; color: var(--color-foreground-muted);}