/* ============================================ */
/* Maven HQ — Brand Override Layer              */
/*                                              */
/* This file is the single source of truth for  */
/* Maven HQ color and font identity. It loads   */
/* after style.css and overrides :root CSS      */
/* variables without touching component styles.  */
/*                                              */
/* To change the Maven HQ color palette, edit   */
/* ONLY this file. All 39,571 lines of upstream */
/* component CSS will inherit automatically.    */
/* ============================================ */

/* ── Dark mode (default) ── */

:root {
  /* Core palette */
  --bg: #282c34;
  --fg: #9cdef2;
  --panel: #111;
  --border: #355a66;
  --red: #e06c75;
  --green: #50fa7b;
  --warn: #f0ad4e;

  /* Brand accent — single control point for the Maven HQ brand color.
     Falls back to --red in component CSS. Overridable per-theme via
     theme.js ADV_KEYS brandColor. */
  --brand-color: var(--red);

  /* Brand gradient endpoint — used where the brand accent transitions
     into the foreground color (welcome title, login logo, etc.) */
  --brand-mix-to: var(--fg);

  /* Syntax highlighting */
  --hl-bg: #1e2228;
  --hl-fg: #9cdef2;
  --hl-keyword: #c678dd;
  --hl-string: #e5c07b;
  --hl-comment: #828997;
  --hl-function: #61afef;
  --hl-number: #d19a66;
  --hl-builtin: #56b6c2;
  --hl-variable: #abb2bf;
  --hl-params: #a8c0d4;

  /* Semantic colors */
  --color-error: #ff4444;
  --color-error-light: #ff6666;
  --color-success: #4caf50;
  --color-warning: #f0ad4e;
  --color-danger: #c0392b;
  --color-recording: #ff3b30;
  --color-recording-hover: #d63031;
  --color-muted: #888;
  --color-muted-alt: #6b7280;
  --color-accent: #00aaff;
  --color-agent-active: #00ff00;
  --color-brand-blue: #3b82f6;
  --color-blind-orange: #ff9800;
  --color-save-green: var(--color-success);
  --color-link-hover: #66c7ff;
  --color-subheader: #6b8a94;
  --accent-warm: #d19a66;

  /* Font family — existing fonts kept as fallbacks.
     To adopt a brand font, prepend it here (e.g.
     'Brand Sans', 'Fira Code', monospace). */
  --font-family: 'Fira Code', monospace;
}

/* ── Light mode override ── */

:root.light {
  --bg: #f5f5f5;
  --fg: #2b2b2b;
  --panel: #fff;
  --border: #bbb;
  --hl-bg: #f9f9f9;
  --hl-fg: #2b2b2b;
  --hl-keyword: #7928a1;
  --hl-string: #986801;
  --hl-comment: #6a737d;
  --hl-function: #005cc5;
  --hl-number: #986801;
  --hl-builtin: #0070a0;
  --hl-variable: #383a42;
  --hl-params: #4a4f5c;
}