/* Ordivion V0.9.51.15.2 – gemeinsame, layoutneutrale Farbschema-Tokens. */

:root {
  --orv-theme-bg-deep: #f0f0f2;
  --orv-theme-bg: #ffffff;
  --orv-theme-surface: #f7f7f8;
  --orv-theme-surface-strong: #ffffff;
  --orv-theme-surface-muted: #eeeeef;
  --orv-theme-surface-hover: #e6e6e9;
  --orv-theme-line: #d7d7d9;
  --orv-theme-line-strong: #b9bbc0;
  --orv-theme-text: #202124;
  --orv-theme-text-muted: #62656b;
  --orv-theme-text-subtle: #7c8088;
  --orv-theme-accent: #c00000;
  --orv-theme-accent-hover: #980000;
  --orv-theme-accent-2: #7f1010;
  --orv-theme-accent-soft: #f6dddd;
  --orv-theme-focus: #8d0000;
  --orv-theme-success: #2d7d2d;
  --orv-theme-warning: #9a6a00;
  --orv-theme-danger: #9b111e;
  --orv-theme-on-accent: #ffffff;
  --orv-theme-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
  --orv-theme-radius: 10px;
  --orv-theme-icon-filter: brightness(0);

  /* Kompatibilitätsaliases für die eingefrorene Funktionsbasis. */
  --ord-color-bg: var(--orv-theme-bg);
  --ord-color-surface: var(--orv-theme-surface-strong);
  --ord-color-panel: var(--orv-theme-surface);
  --ord-color-panel-soft: color-mix(in srgb, var(--orv-theme-surface-strong) 58%, transparent);
  --ord-color-text: var(--orv-theme-text);
  --ord-color-muted: var(--orv-theme-text-muted);
  --ord-color-border: var(--orv-theme-line);
  --ord-color-primary: var(--orv-theme-accent);
  --ord-color-primary-hover: var(--orv-theme-accent-hover);
  --ord-color-dark: var(--orv-theme-bg-deep);
  --ord-color-dark-hover: var(--orv-theme-surface-hover);
  --ord-color-accent: var(--orv-theme-accent-2);
}

html {
  accent-color: var(--orv-theme-accent);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--orv-theme-focus) 72%, transparent);
  outline-offset: 2px;
}

::selection {
  background: var(--orv-theme-accent);
  color: var(--orv-theme-on-accent);
}

.orv-theme-success,
.status-success,
.badge-success {
  --orv-status-color: var(--orv-theme-success);
}

.orv-theme-warning,
.status-warning,
.badge-warning {
  --orv-status-color: var(--orv-theme-warning);
}

.orv-theme-danger,
.status-danger,
.badge-danger {
  --orv-status-color: var(--orv-theme-danger);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}