/* Colour scheme "github" — primitives + semantic tokens, dark and light blocks.
   Pair with any style theme (a_terminal / b_github_pro / c_modern_desk). */

/* ==========================================================================
   Direction B "GitHub Pro" — DARK theme
   GitHub Dark Dimmed base + Newsquawk cyan accent. The formalisation of
   what headlines/calendar/audio_transcriber/web_socket_audio already use.
   ========================================================================== */

[data-theme='dark'] {
  color-scheme: dark;

  /* -- Primitives: gray ramp (GitHub Dark) --------------------------------- */
  --gray-50: #f0f6fc;
  --gray-100: #c9d1d9;
  --gray-200: #b1bac4;
  --gray-300: #8b949e;
  --gray-400: #6e7681;
  --gray-500: #484f58;
  --gray-600: #30363d;
  --gray-700: #21262d;
  --gray-800: #161b22;
  --gray-900: #0d1117;
  --gray-950: #0b0e14;

  /* -- Primitives: brand accent (Newsquawk cyan) ---------------------------- */
  --cyan-500: #00aeef;
  --cyan-300: #5ddaff;
  --cyan-700: #0068a3;

  /* -- Primitives: semantic hues --------------------------------------------- */
  --green-500: #3fb950;
  --red-500: #f85149;
  --red-700: #b62324;
  --orange-500: #d29922;
  --yellow-500: #e3b341;

  /* -- Semantic: surfaces -------------------------------------------------------- */
  --surface-0: var(--gray-900);
  --surface-1: rgba(22, 27, 34, 0.86);
  --surface-1-solid: rgb(22, 27, 34);
  --surface-2: var(--gray-700);
  --surface-2-solid: var(--gray-700);
  --surface-3: #29303a;
  --surface-hover: #29303a;
  --surface-selected: #1c2833;

  /* -- Semantic: borders ------------------------------------------------------------ */
  --border: var(--gray-600);
  --border-subtle: var(--gray-700);
  --border-strong: #444c56;
  --border-focus: var(--accent);

  /* -- Semantic: text -------------------------------------------------------------------- */
  --text-1: #e6edf3;
  --text-2: #9198a1;
  --text-3: var(--gray-400);
  --text-disabled: var(--gray-500);
  --text-on-accent: #ffffff;

  /* -- Semantic: accent ------------------------------------------------------------------------ */
  --accent: var(--cyan-500);
  --accent-bright: var(--cyan-300);
  --accent-dim: var(--cyan-700);
  --accent-soft: rgba(0, 174, 239, 0.14);
  --accent-glow: none;

  /* -- Semantic: status / sentiment ------------------------------------------------------------------ */
  --positive: var(--green-500);
  --positive-soft: rgba(63, 185, 80, 0.16);
  --negative: var(--red-500);
  --negative-soft: rgba(248, 81, 73, 0.16);
  --warning: var(--orange-500);
  --warning-soft: rgba(210, 153, 34, 0.16);

  /* -- Semantic: signal language ------------------------------------------------------------------------- */
  --flash-new-bg: rgba(0, 174, 239, 0.15);
  --flash-upd-bg: rgba(210, 153, 34, 0.12);

  /* -- Semantic: elevation ------------------------------------------------------------------------------------ */
  --shadow-win: 0 4px 12px rgba(1, 4, 9, 0.4);
  --shadow-pop: 0 8px 24px rgba(1, 4, 9, 0.6);

  /* -- Chart-scoped ----------------------------------------------------------------------------------------------- */
  --chart-grid: #1c242e;
  --chart-up: var(--positive);
  --chart-down: var(--negative);
  --chart-crosshair: #304061;

  /* -- Misc ------------------------------------------------------------------------------------------------------------ */
  --scroll-thumb: #2d343c;
}

/* ==========================================================================
   Direction B "GitHub Pro" — LIGHT theme
   GitHub Light base; accent switches to the deeper Newsquawk-adjacent blue
   (#0969da) matching the existing light themes in headlines/calendar.
   ========================================================================== */

[data-theme='light'] {
  color-scheme: light;

  /* -- Primitives: gray ramp (GitHub Light) ---------------------------------- */
  --gray-50: #f6f8fa;
  --gray-100: #eaeef2;
  --gray-200: #dde2e8;
  --gray-300: #d0d7de;
  --gray-400: #afb8c1;
  --gray-500: #8c959f;
  --gray-600: #6e7781;
  --gray-700: #57606a;
  --gray-800: #424a53;
  --gray-900: #32383f;
  --gray-950: #24292f;

  /* -- Primitives: brand accent ------------------------------------------------ */
  --cyan-500: #0969da; /* GitHub-primer blue, matches existing light themes */
  --cyan-300: #218bff;
  --cyan-700: #0550ae;

  /* -- Primitives: semantic hues ------------------------------------------------- */
  --green-500: #1a7f37;
  --red-500: #cf222e;
  --red-700: #a40e26;
  --orange-500: #bc4c00;
  --yellow-500: #9a6700;

  /* -- Semantic: surfaces ------------------------------------------------------------ */
  --surface-0: #f2f4f7;
  --surface-1: rgba(255, 255, 255, 0.86);
  --surface-1-solid: rgb(255, 255, 255);
  --surface-2: #f6f8fa;
  --surface-2-solid: #f6f8fa;
  --surface-3: #eef1f4;
  --surface-hover: #eef1f4;
  --surface-selected: #ddf4ff;

  /* -- Semantic: borders ------------------------------------------------------------------ */
  --border: var(--gray-300);
  --border-subtle: #eaeef2;
  --border-strong: var(--gray-400);
  --border-focus: var(--accent);

  /* -- Semantic: text ------------------------------------------------------------------------- */
  --text-1: #1f2328;
  --text-2: #656d76;
  --text-3: var(--gray-500);
  --text-disabled: var(--gray-400);
  --text-on-accent: #ffffff;

  /* -- Semantic: accent ---------------------------------------------------------------------------- */
  --accent: var(--cyan-500);
  --accent-bright: var(--cyan-300);
  --accent-dim: var(--cyan-700);
  --accent-soft: rgba(9, 105, 218, 0.12);
  --accent-glow: none;

  /* -- Semantic: status / sentiment --------------------------------------------------------------------- */
  --positive: var(--green-500);
  --positive-soft: rgba(26, 127, 55, 0.14);
  --negative: var(--red-500);
  --negative-soft: rgba(207, 34, 46, 0.13);
  --warning: var(--yellow-500);
  --warning-soft: rgba(154, 103, 0, 0.14);

  /* -- Semantic: signal language ---------------------------------------------------------------------------- */
  --flash-new-bg: rgba(9, 105, 218, 0.12);
  --flash-upd-bg: rgba(154, 103, 0, 0.12);

  /* -- Semantic: elevation -------------------------------------------------------------------------------------- */
  --shadow-win: 0 1px 3px rgba(31, 35, 40, 0.12), 0 4px 12px rgba(31, 35, 40, 0.06);
  --shadow-pop: 0 8px 24px rgba(31, 35, 40, 0.16);

  /* -- Chart-scoped -------------------------------------------------------------------------------------------------- */
  --chart-grid: #d5dbe2;
  --chart-up: var(--positive);
  --chart-down: var(--negative);
  --chart-crosshair: #94a3b8;

  /* -- Misc --------------------------------------------------------------------------------------------------------------- */
  --scroll-thumb: #d7dce0;
}