/* Bob Pay colour tokens. Layout and components are in /assets/style.css;
   this file only sets the variables it reads. Copy it to start a new brand. */

/* Brand palette */
:root {
  --indigo-500: #1e055b;
  --indigo-400: #390f9c;
  --indigo-200: #8c74f8;
  --indigo-100: #beb4fb;
  --brand-500: #007af9;
  --brand-400: #4ca2fb;
  --cerise-300: #f57fb6;
  --pumpkin-300: #ffb286;
  --meadow-300: #54d2b4;
  --atlantis-200: #d5f5c7;
  --code-bg: #1a0b47;

  /* HTTP method colours: filled badges (white text) and the dark code rail */
  --badge-get: #139e83;
  --badge-post: var(--brand-500);
  --badge-patch: #ff7212;
  --badge-delete: #d8328d;
  --method-get: var(--meadow-300);
  --method-post: var(--brand-400);
  --method-patch: var(--pumpkin-300);
  --method-delete: var(--cerise-300);
}

/* Dark theme (default) — indigo-tinted, never pure black */
:root, [data-theme="dark"] {
  color-scheme: dark;
  --page-bg: #100b26;
  --sidebar-bg: #0c081c;
  --surface: #171130;
  --surface-raised: #1c1540;
  --border: #28204e;
  --border-soft: #221a45;
  --ink: #d9d4ee;
  --ink-strong: #f4f2fc;
  --ink-muted: #9d95c2;
  --heading: #f4f2fc;
  --link: #5aa9ff;
  --label-fg: #beb4fb;
  --nav-fg: #9d95c2;
  --hover-bg: rgba(255, 255, 255, 0.06);
  --active-bg: rgba(0, 122, 249, 0.18);
  --control-hover: rgba(255, 255, 255, 0.08);
  --code-inline-bg: rgba(140, 116, 248, 0.16);
  --code-inline-fg: #beb4fb;
  --quote-bg: rgba(0, 122, 249, 0.1);
  --auth-bg: rgba(216, 50, 141, 0.16);
  --auth-fg: #f57fb6;
  --chip-get: #54d2b4;
  --chip-post: #4ca2fb;
  --chip-patch: #ffb286;
  --chip-delete: #f57fb6;
  --panel-shadow: 0 16px 40px -20px rgba(0, 0, 0, 0.6);
}

[data-theme="light"] {
  color-scheme: light;
  --page-bg: #f6f7fb;
  --sidebar-bg: #eff1f8;
  --surface: #ffffff;
  --surface-raised: #f8f9fc;
  --border: #e3e6f2;
  --border-soft: #ebedf6;
  --ink: #373356;
  --ink-strong: #1e055b;
  --ink-muted: #71767c;
  --heading: #1e055b;
  --link: #007af9;
  --label-fg: #1e055b;
  --nav-fg: #1e055b;
  --hover-bg: #ffffff;
  --active-bg: #ecf5ff;
  --control-hover: #ebedf6;
  --code-inline-bg: #e4eaff;
  --code-inline-fg: #1e055b;
  --quote-bg: #ecf5ff;
  --auth-bg: #fdedf3;
  --auth-fg: #d8328d;
  --chip-get: #139e83;
  --chip-post: #007af9;
  --chip-patch: #ff7212;
  --chip-delete: #d8328d;
  --panel-shadow: 0 2px 4px rgba(2, 0, 5, 0.05), 0 16px 40px -16px rgba(30, 5, 91, 0.22);
}