.dark,
html.dark,
html[data-theme="dark"] {
  --font-sans: "Manrope", sans-serif;
  --font-serif: "Prata", serif;

  --text-2xs: 0.6875rem; /* 11px */
  --text-2xs--line-height: 0.6875rem;
  --text-3xs: 0.625rem; /* 10px */
  --text-3xs--line-height: 0.75rem;

  /* Typography */
  --color-text-heading: #f8fafc;
  --color-text-primary: #e2e8f0;
  --color-text-secondary: #94a3b8;
  --color-text-muted: #64748b;
  --color-text-disabled: #475569;
  --color-text-inverse: #0f172a;

  /* Brand / Interactive */
  --color-primary: #60a5fa;
  --color-primary-hover: #93c5fd;
  --color-primary-active: #3b82f6;
  --color-primary-light: #172554;
  --color-primary-light-hover: #1e3a8a;

  /* Backgrounds / Surfaces */
  --color-background: #0f172a;
  --color-surface: #111827;
  --color-surface-subtle: #172033;
  --color-surface-hover: #1e293b;
  --color-surface-selected: #172554;

  /* Borders */
  --color-border: #263244;
  --color-border-strong: #334155;
  --color-border-focus: #3b82f6;
  --color-border-subtle: #1e293b;

  /* Status */
  --color-success: #34d399;
  --color-success-light: #052e26;
  --color-success-border: #065f46;

  --color-warning: #60a5fa;
  --color-warning-light: #172554;
  --color-warning-border: #1e40af;

  --color-error: #f87171;
  --color-error-light: #3b1518;
  --color-error-border: #991b1b;

  /* Confidence */
  --color-confidence-high: #34d399;
  --color-confidence-high-bg: #052e26;
  --color-confidence-high-border: #087f63;

  --color-confidence-medium: #fbbf24;
  --color-confidence-medium-bg: #33260a;
  --color-confidence-medium-border: #8a6508;

  --color-confidence-low: #f87171;
  --color-confidence-low-bg: #3b1518;
  --color-confidence-low-border: #991b1b;

  /* Question status */
  --color-status-pending: #94a3b8;
  --color-status-pending-bg: #1e293b;
  --color-status-pending-border: #475569;

  --color-status-answering: #60a5fa;
  --color-status-answering-bg: #172554;
  --color-status-answering-border: #1e40af;

  --color-status-ready: #34d399;
  --color-status-ready-bg: #052e26;
  --color-status-ready-border: #087f63;

  --color-status-failed: #f87171;
  --color-status-failed-bg: #3b1518;
  --color-status-failed-border: #991b1b;

  /* Risk */
  --color-risk-low: #9ca3af;
  --color-risk-low-bg: #1f2937;
  --color-risk-low-border: #4b5563;

  --color-risk-medium: #a3e635;
  --color-risk-medium-bg: #1a290c;
  --color-risk-medium-border: #4d7c0f;

  --color-risk-high: #facc15;
  --color-risk-high-bg: #332a08;
  --color-risk-high-border: #854d0e;

  --color-risk-very-high: #fb923c;
  --color-risk-very-high-bg: #32180c;
  --color-risk-very-high-border: #9a3412;

  --color-risk-critical: #f87171;
  --color-risk-critical-bg: #3b1518;
  --color-risk-critical-border: #991b1b;

  /* Icons */
  --color-icon-primary: #60a5fa;
  --color-icon-secondary: #94a3b8;
  --color-icon-muted: #64748b;

  /* PDF / Document */
  --color-document-background: #252b35;

  /* Finding counters */
  --color-counter-active: #5b82d6;
  --color-counter-inactive: #475a7c;

  /* PDF highlighting */
  --color-highlight: rgba(255, 235, 0, 0.75);

  --spacing-base: var(--base-height);
  --spacing-base-padded: var(--base-height-padded);

  --animate-pdf-pulse: pdf-pulse-dark 1.5s ease-in-out 2;
}
@keyframes pdf-pulse-dark {
  0%, 100% {
    background-color: rgba(255, 235, 59, 0.75);
  }

  50% {
    background-color: rgba(255, 152, 0, 0.8);
  }
}