/* Shared page colors for the public site, admin and standalone tools. */
html[data-theme="light"] {
  --evi-page: #f0f1f3;
  --evi-page-rgb: 240, 241, 243;
  --admin-bg: var(--evi-page);
  --api-bg: var(--evi-page);
  --bg: var(--evi-page);
  background-color: var(--evi-page);
}

html[data-theme="light"] body,
html[data-theme="light"] body.bg-light,
html[data-theme="light"] .admin-main {
  background-color: var(--evi-page) !important;
}

html[data-theme="dark"] {
  color-scheme: dark;
  color: var(--evi-text);
  background-color: var(--evi-page);

  --evi-page: #121212;
  --evi-page-rgb: 18, 18, 18;
  --evi-text: #e0e0e0;
  --evi-text-rgb: 224, 224, 224;
  --evi-text-muted: #b0b0b0;
  --evi-text-muted-rgb: 176, 176, 176;
  --evi-border: #444444;
  --evi-border-rgb: 68, 68, 68;
  --evi-accent: #888888;
  --evi-accent-rgb: 136, 136, 136;
  --evi-on-accent: var(--evi-page);
  --evi-on-brand: #fff;

  --evi-surface: color-mix(in srgb, var(--evi-page) 85%, var(--evi-border));
  --evi-surface-raised: color-mix(in srgb, var(--evi-page) 70%, var(--evi-border));
  --evi-surface-soft: color-mix(in srgb, var(--evi-page) 55%, var(--evi-border));
  --evi-surface-hover: color-mix(in srgb, var(--evi-page) 35%, var(--evi-border));
  --evi-text-subtle: var(--evi-accent);
  --evi-border-strong: var(--evi-border);
  --evi-brand: #5597ff;
  --evi-brand-rgb: 85, 151, 255;
  --evi-brand-strong: #1769dc;
  --evi-brand-strong-rgb: 23, 105, 220;
  --evi-blue: var(--evi-brand);
  --evi-blue-rgb: var(--evi-brand-rgb);
  --evi-success: #4ade80;
  --evi-warning: #fbbf24;
  --evi-danger: #fb7185;
  --evi-focus: rgba(var(--evi-brand-rgb), .42);
  --evi-skeleton-a: var(--evi-surface-raised);
  --evi-skeleton-b: var(--evi-surface-hover);

  --bs-body-color: var(--evi-text);
  --bs-body-color-rgb: var(--evi-text-rgb);
  --bs-body-bg: var(--evi-page);
  --bs-body-bg-rgb: var(--evi-page-rgb);
  --bs-emphasis-color: var(--evi-text);
  --bs-emphasis-color-rgb: var(--evi-text-rgb);
  --bs-secondary-color: var(--evi-text-muted);
  --bs-secondary-color-rgb: var(--evi-text-muted-rgb);
  --bs-secondary-bg: var(--evi-surface-raised);
  --bs-secondary-bg-rgb: 33, 33, 33;
  --bs-tertiary-color: var(--evi-text-subtle);
  --bs-tertiary-bg: var(--evi-surface-soft);
  --bs-tertiary-bg-rgb: 41, 41, 41;
  --bs-border-color: var(--evi-border);
  --bs-border-color-translucent: var(--evi-border);
  --bs-primary: var(--evi-brand-strong);
  --bs-primary-rgb: var(--evi-brand-strong-rgb);
  --bs-secondary: var(--evi-accent);
  --bs-secondary-rgb: var(--evi-accent-rgb);
  --bs-light-rgb: var(--evi-text-rgb);
  --bs-dark-rgb: var(--evi-page-rgb);
  --bs-link-color: var(--evi-brand);
  --bs-link-color-rgb: var(--evi-brand-rgb);
  --bs-link-hover-color: var(--evi-text);
  --bs-link-hover-color-rgb: var(--evi-text-rgb);
  --bs-heading-color: var(--evi-text);
  --bs-code-color: var(--evi-text);
  --bs-focus-ring-color: var(--evi-focus);
  --bs-form-valid-color: var(--evi-success);
  --bs-form-invalid-color: var(--evi-danger);
  --bs-form-valid-border-color: var(--evi-success);
  --bs-form-invalid-border-color: var(--evi-danger);
}