/*!
 * @digdir/designsystemet-css v1.0.0 (Vendored Dist Subset for Kinetisk Accessibility & High-Contrast Reflow)
 * Zero external font/CDN imports; 100% self-contained WCAG AAA token scale.
 */
:root, [data-color-scheme="light"] {
  --ds-color-accent-surface-default: #003366;
  --ds-color-accent-surface-hover: #002244;
  --ds-color-accent-text-default: #ffffff;
  --ds-color-neutral-background-default: #fcfcfc;
  --ds-color-neutral-background-subtle: #f1f4f8;
  --ds-color-neutral-surface-default: #ffffff;
  --ds-color-neutral-border-default: #4a5568;
  --ds-color-neutral-border-strong: #1a202c;
  --ds-color-neutral-text-default: #111827;
  --ds-color-neutral-text-subtle: #374151;
  --ds-color-focus-outer: #ffdd00;
  --ds-color-focus-inner: #000000;
  --ds-color-danger-surface: #991b1b;
  --ds-color-success-surface: #065f46;
  --ds-spacing-1: 0.25rem;
  --ds-spacing-2: 0.5rem;
  --ds-spacing-3: 0.75rem;
  --ds-spacing-4: 1rem;
  --ds-spacing-6: 1.5rem;
  --ds-border-radius-md: 0.375rem;
  --ds-border-width-default: 2px;
}
[data-color-scheme="dark"] {
  --ds-color-accent-surface-default: #60a5fa;
  --ds-color-accent-surface-hover: #93c5fd;
  --ds-color-accent-text-default: #0f172a;
  --ds-color-neutral-background-default: #0f172a;
  --ds-color-neutral-background-subtle: #1e293b;
  --ds-color-neutral-surface-default: #1e293b;
  --ds-color-neutral-border-default: #94a3b8;
  --ds-color-neutral-border-strong: #f8fafc;
  --ds-color-neutral-text-default: #f8fafc;
  --ds-color-neutral-text-subtle: #cbd5e1;
}
.ds-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--ds-spacing-2);
  min-height: 3rem;
  padding: var(--ds-spacing-2) var(--ds-spacing-4);
  font: inherit;
  font-weight: 700;
  border: var(--ds-border-width-default) solid var(--ds-color-neutral-border-strong);
  border-radius: var(--ds-border-radius-md);
  background: var(--ds-color-accent-surface-default);
  color: var(--ds-color-accent-text-default);
  cursor: pointer;
}
.ds-button--secondary {
  background: var(--ds-color-neutral-surface-default);
  color: var(--ds-color-neutral-text-default);
}
.ds-card {
  background: var(--ds-color-neutral-surface-default);
  border: var(--ds-border-width-default) solid var(--ds-color-neutral-border-default);
  border-radius: var(--ds-border-radius-md);
  padding: var(--ds-spacing-4);
}
.ds-input, .ds-textarea, .ds-select {
  width: 100%;
  min-height: 3rem;
  padding: var(--ds-spacing-2) var(--ds-spacing-3);
  font: inherit;
  color: var(--ds-color-neutral-text-default);
  background: var(--ds-color-neutral-surface-default);
  border: var(--ds-border-width-default) solid var(--ds-color-neutral-border-strong);
  border-radius: var(--ds-border-radius-md);
  box-sizing: border-box;
}
:focus-visible {
  outline: 3px solid var(--ds-color-focus-outer) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px var(--ds-color-focus-inner) !important;
}