/* Eldritch color palette -- raw values */
:root {
  --e-bg: #212337;
  --e-bg-dark: #171928;
  --e-bg-raised: #292e42;
  --e-fg: #ebfafa;
  --e-fg-dim: #abb4da;
  --e-cyan: #04d1f9;
  --e-cyan-bright: #39ddfd;
  --e-green: #37f499;
  --e-green-dark: #33c57f;
  --e-purple: #a48cf2;
  --e-pink: #f265b5;
  --e-orange: #f7c67f;
  --e-yellow: #f1fc79;
  --e-red: #f16c75;
  --e-red-bright: #f0313e;
  --e-comment: #7081d0;
  --e-border: #414868;
}

/* Semantic site roles mapped to eldritch */
:root {
  --bg: var(--e-bg);
  --bg-surface: var(--e-bg-dark);
  --bg-elevated: var(--e-bg-raised);

  --text: var(--e-fg);
  --text-muted: var(--e-fg-dim);
  --text-subtle: var(--e-comment);

  --accent: var(--e-green);
  --accent-hover: var(--e-cyan);
  --accent-alt: var(--e-purple);

  --link: var(--e-cyan);
  --link-hover: var(--e-cyan-bright);

  --border: var(--e-border);
  --border-focus: var(--e-cyan);

  --code-bg: var(--e-bg-dark);
  --code-text: var(--e-yellow);

  --status-success: var(--e-green);
  --status-warning: var(--e-yellow);
  --status-error: var(--e-red);
  --status-info: var(--e-cyan);
}