/* Indigo experiment. Activate with data-palette="indigo" on html. */
:root[data-palette="indigo"] {
  --color-primary: #4f46e5;
  --color-primary-hover: #4338ca;
  --color-secondary: #e0e7ff;
  --color-accent: #6366f1;
  --color-ink: #111827;
  --color-text: #111827;
  --color-text-muted: #4b5563;
  --color-background: #f9fafb;
  --color-surface: #ffffff;
  --color-surface-alt: var(--color-secondary);
  --color-border: #e5e7eb;
  --color-danger: #d94a4a;
  --color-warning: #d98a24;
  --color-success: #27865f;
  --navbar-surface: var(--color-ink);
  --shadow-panel: 0 4px 18px rgb(17 24 39 / 5%);
  --shadow-hover: 0 8px 24px rgb(17 24 39 / 9%);
  --focus-ring: 0 0 0 3px rgb(99 102 241 / 25%);
  --ocean-pearl-layer1: none;
  --ocean-pearl-layer2: none;
  --bs-link-color-rgb: 79, 70, 229;
  --bs-link-hover-color-rgb: 67, 56, 202;
  --bs-primary-rgb: 79, 70, 229;
  --button-primary-text: var(--color-surface);
  --button-primary-hover: var(--color-primary-hover);
  --button-ghost-text: var(--color-primary-hover);
}