/* oss-oo theme — "Obsidian Singularity" — dark (instance default, id "oss-oo dark"); the dark block applies unconditionally
   Palette from the oss-singularity.io design language:
   cyan #65e5ff · pink #ff63c8 · green #6ce7b7 on deep-space blue.
   Loaded as a stock-style theme file (update-safe, no template forks). */

:root {
  --steel-900: #04101c;
  --steel-850: #061626;
  --steel-800: #081525;
  --steel-750: #0b1d33;
  --steel-700: #0f2540;
  --steel-650: #142e4d;
  --steel-600: #1a3860;
  --steel-550: #22446f;
  --steel-500: #2b5280;
  --steel-450: #366191;
  --steel-400: #4471a2;
  --steel-350: #5582b3;
  --steel-300: #6c94c4;
  --steel-250: #87a7d1;
  --steel-200: #a4bcdc;
  --steel-150: #c1d1e7;
  --steel-100: #d8e4f3;

  /* ---------- light mode (base) ---------- */
  --is-dark-theme: false;
  --color-primary: #0b7fa8;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #096a8e;
  --color-primary-dark-2: #075775;
  --color-primary-dark-3: #06455e;
  --color-primary-dark-4: #043749;
  --color-primary-dark-5: #043749;
  --color-primary-dark-6: #032b3a;
  --color-primary-dark-7: #032b3a;
  --color-primary-light-1: #1493bd;
  --color-primary-light-2: #2aa7cd;
  --color-primary-light-3: #45b6d6;
  --color-primary-light-4: #65e5ff;
  --color-primary-light-5: #9deeff;
  --color-primary-light-6: #c8f6ff;
  --color-primary-light-7: #e4fbff;
  --color-primary-alpha-10: #0b7fa819;
  --color-primary-alpha-20: #0b7fa833;
  --color-primary-alpha-30: #0b7fa84b;
  --color-primary-alpha-40: #0b7fa866;
  --color-primary-alpha-50: #0b7fa880;
  --color-primary-alpha-60: #0b7fa899;
  --color-primary-alpha-70: #0b7fa8b3;
  --color-primary-alpha-80: #0b7fa8cc;
  --color-primary-alpha-90: #0b7fa8e1;
  --color-primary-hover: var(--color-primary-light-1);
  --color-primary-active: var(--color-primary-light-2);
  --color-secondary: var(--steel-700);
  --color-secondary-dark-1: var(--steel-550);
  --color-secondary-dark-2: var(--steel-500);
  --color-secondary-dark-3: var(--steel-450);
  --color-secondary-dark-4: var(--steel-400);
  --color-secondary-dark-5: var(--steel-350);
  --color-secondary-dark-6: var(--steel-300);
  --color-secondary-dark-7: var(--steel-250);
  --color-secondary-dark-8: var(--steel-200);
  --color-secondary-dark-9: var(--steel-150);
  --color-secondary-dark-10: var(--steel-100);
  --color-secondary-dark-11: var(--steel-100);
  --color-secondary-dark-12: var(--steel-100);
  --color-secondary-dark-13: var(--steel-100);
  --color-secondary-light-1: var(--steel-650);
  --color-secondary-light-2: var(--steel-700);
  --color-secondary-light-3: var(--steel-750);
  --color-secondary-light-4: var(--steel-800);
  --color-secondary-alpha-10: #142e4d19;
  --color-secondary-alpha-20: #142e4d33;
  --color-secondary-alpha-30: #142e4d4b;
  --color-secondary-alpha-40: #142e4d66;
  --color-secondary-alpha-50: #142e4d80;
  --color-secondary-alpha-60: #142e4d99;
  --color-secondary-alpha-70: #142e4db3;
  --color-secondary-alpha-80: #142e4dcc;
  --color-secondary-alpha-90: #142e4de1;
  --color-secondary-hover: var(--color-secondary-light-1);
  --color-secondary-active: var(--color-secondary-light-2);
  /* colors */
  --color-red: #b91c1c;
  --color-orange: #ea580c;
  --color-yellow: #ca8a04;
  --color-olive: #91a313;
  --color-green: #0f8a5f;
  --color-teal: #0d9488;
  --color-blue: #2563eb;
  --color-violet: #7c3aed;
  --color-purple: #9333ea;
  --color-pink: #d6339b;
  --color-brown: #a47252;
  --color-grey: var(--steel-500);
  --color-black: #111827;
  --color-red-light: #dc2626;
  --color-orange-light: #f97316;
  --color-yellow-light: #eab308;
  --color-olive-light: #839311;
  --color-green-light: #12a26e;
  --color-teal-light: #14b8a6;
  --color-blue-light: #3b82f6;
  --color-violet-light: #8b5cf6;
  --color-purple-light: #a855f7;
  --color-pink-light: #ff63c8;
  --color-brown-light: #94674a;
  --color-grey-light: var(--steel-300);
  --color-black-light: #1f2937;
  --color-gold: #a67c00;
  --color-console-fg: #182430;
  --color-console-fg-subtle: #52627a;
  --color-console-bg: #eef3f9;
  --color-console-border: #c6d4e4;
  --color-console-hover-bg: #00000010;
  --color-console-active-bg: #d8e3f0;
  --color-console-menu-bg: #dce7f2;
  --color-console-menu-border: #b6c7da;
  /* semantic (light) */
  --color-body: #f6f9fc;
  --color-text-dark: #0a1520;
  --color-text: #1a2735;
  --color-text-light: #2c3d50;
  --color-text-light-1: #3a4d63;
  --color-text-light-2: #52627a;
  --color-text-light-3: #52627a;
  --color-text-focus: #0a1520;
  --color-footer: #e9eff6;
  --color-timeline: var(--steel-150);
  --color-box-header: #eaf0f7;
  --color-box-body: #ffffff;
  --color-box-body-highlight: #f2f7fc;
  --color-card: #ffffff;
  --color-button: #e4ecf5;
  --color-code-bg: #eef3f9;
  --color-input-text: #1a2735;
  --color-input-background: #ffffff;
  --color-input-toggle-background: #dee8f2;
  --color-input-border: #c3d2e2;
  --color-input-border-hover: var(--steel-450);
  --color-light-border: #d9e4ef;
  --color-diff-removed-word-bg: #fdb8c0;
  --color-diff-added-word-bg: #acf2bd;
  --color-diff-removed-row-bg: #ffeef0;
  --color-diff-moved-row-bg: #f1f8d1;
  --color-diff-added-row-bg: #e6ffec;
  --color-diff-removed-row-border: #fdc1c9;
  --color-diff-moved-row-border: #d0e27a;
  --color-diff-added-row-border: #a6e2b5;
  --color-diff-inactive: var(--steel-150);
  /* completion: menu/popup/nav/status vars — previously undefined, which
     rendered dropdowns, tooltips, and the notification badge transparent */
  --color-hover: #dce7f2aa;
  --color-active: #d8e3f0;
  --color-menu: #ffffff;
  --color-caret: var(--color-text);
  --color-placeholder-text: var(--color-text-light-3);
  --color-tooltip-text: #ffffff;
  --color-tooltip-bg: #000000f0;
  --color-nav-bg: var(--color-body);
  --color-nav-hover-bg: #dce7f2;
  --color-secondary-nav-bg: var(--color-body);
  --color-header-wrapper: var(--color-body);
  --color-header-wrapper-transparent: #f6f9fc00;
  --color-light: #ffffffcc;
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));
  --fancy-card-bg: #eaf0f7;
  --fancy-card-border: #d9e4ef;
  --color-markup-table-row: #ffffff06;
  --color-markup-code-block: #eef3f9;
  --color-markup-code-inline: #e4ecf5;
  --color-shadow: #00000060;
  --color-secondary-bg: #eaf0f7;
  --color-expand-button: #dce7f2;
  --color-editor-line-highlight: #eaf0f7;
  --color-project-board-bg: #e9eff6;
  --color-project-board-dark-label: var(--color-text-light-3);
  --color-reaction-bg: #0000000a;
  --color-reaction-active-bg: var(--color-primary-alpha-20);
  --color-reaction-hover-bg: var(--color-primary-alpha-30);
  --color-label-text: var(--color-text);
  --color-label-bg: #cacaca7b;
  --color-label-hover-bg: #cacacaa0;
  --color-label-active-bg: #cacacaff;
  --color-label-bg-alt: #cacacaff;
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: #096a8e;
  --color-highlight-bg: #c8f6ff;
  --color-overlay-backdrop: #080808c0;
  --color-selection-bg: #366191;
  --color-selection-fg: #ffffff;
  --checkerboard-color-1: #ffffff;
  --checkerboard-color-2: #e5e5e5;
  --color-white: #ffffff;
  --color-pure-black: #000000;
  /* status messages (light) */
  --color-error-border: #fecaca;
  --color-error-bg: #fee2e2;
  --color-error-bg-active: #fca5a5;
  --color-error-bg-hover: #fecaca;
  --color-error-text: #7f1d1d;
  --color-success-border: #bbf7d0;
  --color-success-bg: #dcfce7;
  --color-success-text: #14532d;
  --color-warning-border: #fde047;
  --color-warning-bg: #fef3c7;
  --color-warning-text: #78350f;
  --color-info-border: #bae6fd;
  --color-info-bg: #e0f2fe;
  --color-info-text: #0c4a6e;
  /* badges */
  --color-red-badge: #b91c1c;
  --color-red-badge-bg: #b91c1c22;
  --color-red-badge-hover-bg: #b91c1c44;
  --color-green-badge: #16a34a;
  --color-green-badge-bg: #16a34a22;
  --color-green-badge-hover-bg: #16a34a44;
  --color-yellow-badge: #ca8a04;
  --color-yellow-badge-bg: #ca8a0422;
  --color-yellow-badge-hover-bg: #ca8a0444;
  --color-orange-badge: #ea580c;
  --color-orange-badge-bg: #ea580c22;
  --color-orange-badge-hover-bg: #ea580c44;
  /* status indicators (light) */
  --color-indicator-offline: #52525b;
  --color-indicator-offline-20: #52525b33;
  --color-indicator-idle: #16a34a;
  --color-indicator-idle-20: #16a34a33;
  --color-indicator-active: #2185d0;
  --color-indicator-active-20: #2185d033;
  /* ansi console colors (light) */
  --color-ansi-black: #1f2326;
  --color-ansi-red: #cc4848;
  --color-ansi-green: #87ab63;
  --color-ansi-yellow: #cc9903;
  --color-ansi-blue: #3a8ac6;
  --color-ansi-magenta: #d22e8b;
  --color-ansi-cyan: #00918a;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #46494d;
  --color-ansi-bright-red: #d15a5a;
  --color-ansi-bright-green: #93b373;
  --color-ansi-bright-yellow: #eaaf03;
  --color-ansi-bright-blue: #4e96cc;
  --color-ansi-bright-magenta: #d74397;
  --color-ansi-bright-cyan: #00b6ad;
  --color-ansi-bright-white: var(--color-console-fg);
  /* color-picker shades (light) */
  --color-red-dark-1: #c82020;
  --color-red-dark-2: #b21d1d;
  --color-orange-dark-1: #d34f0b;
  --color-orange-dark-2: #bb460a;
  --color-yellow-dark-1: #b67c04;
  --color-yellow-dark-2: #a26e03;
  --color-olive-dark-1: #839311;
  --color-olive-dark-2: #74820f;
  --color-green-dark-1: #137337;
  --color-green-dark-2: #116631;
  --color-teal-dark-1: #0c857a;
  --color-teal-dark-2: #0a766d;
  --color-violet-dark-1: #6a1feb;
  --color-violet-dark-2: #5c14d8;
  --color-purple-dark-1: #8519e7;
  --color-purple-dark-2: #7715cf;
  --color-pink-dark-1: #c7216b;
  --color-pink-dark-2: #b11d5f;
  --color-brown-dark-1: #94674a;
  --color-brown-dark-2: #835b42;
  --color-black-dark-1: #000000;
}

  :root {
    --is-dark-theme: true;
    --color-primary: #65e5ff;
    --color-primary-contrast: #03212c;
    --color-primary-dark-1: #7deaff;
    --color-primary-dark-2: #99eeff;
    --color-primary-dark-3: #b9f3ff;
    --color-primary-dark-4: #d4f8ff;
    --color-primary-dark-5: #e4fbff;
    --color-primary-dark-6: #f0fdff;
    --color-primary-dark-7: #f8feff;
    --color-primary-light-1: #46ccf0;
    --color-primary-light-2: #2ab2dc;
    --color-primary-light-3: #1997bd;
    --color-primary-light-4: #107c9f;
    --color-primary-light-5: #0d6a87;
    --color-primary-light-6: #0a586f;
    --color-primary-light-7: #08475a;
    --color-primary-alpha-10: #46ccf019;
    --color-primary-alpha-20: #46ccf033;
    --color-primary-alpha-30: #46ccf04b;
    --color-primary-alpha-40: #46ccf066;
    --color-primary-alpha-50: #46ccf080;
    --color-primary-alpha-60: #46ccf099;
    --color-primary-alpha-70: #46ccf0b3;
    --color-primary-alpha-80: #46ccf0cc;
    --color-primary-alpha-90: #46ccf0e1;
    --color-secondary-alpha-10: #142e4d19;
    --color-secondary-alpha-20: #142e4d33;
    --color-secondary-alpha-30: #142e4d4b;
    --color-secondary-alpha-40: #142e4d66;
    --color-secondary-alpha-50: #142e4d80;
    --color-secondary-alpha-60: #142e4d99;
    --color-secondary-alpha-70: #142e4db3;
    --color-secondary-alpha-80: #142e4dcc;
    --color-secondary-alpha-90: #142e4de1;
    /* colors (dark) */
    --color-red: #f0777a;
    --color-orange: #f5a35b;
    --color-yellow: #e8c268;
    --color-olive: #b8cc55;
    --color-green: #6ce7b7;
    --color-teal: #4fd6c4;
    --color-blue: #6ea8fe;
    --color-violet: #a78bfa;
    --color-purple: #c49bff;
    --color-pink: #ff63c8;
    --color-brown: #d0a089;
    --color-grey: var(--steel-400);
    --color-red-light: #f58a8c;
    --color-orange-light: #f7b478;
    --color-yellow-light: #efd07c;
    --color-olive-light: #c6d86b;
    --color-green-light: #8feccb;
    --color-teal-light: #6fe2d2;
    --color-blue-light: #88bcff;
    --color-violet-light: #b6a3fb;
    --color-purple-light: #d1adff;
    --color-pink-light: #ff8bd6;
    --color-brown-light: #dbb09a;
    --color-grey-light: var(--steel-300);
    --color-black-light: #2f3947;
    --color-gold: #f5c542;
    --color-console-fg: #e7f0fa;
    --color-console-fg-subtle: #8ea3ba;
    --color-console-bg: #071626;
    --color-console-border: #1c3a55;
    --color-console-hover-bg: #ffffff14;
    --color-console-active-bg: #1a3a5c;
    --color-console-menu-bg: #142e4d;
    --color-console-menu-border: #2b5280;
    /* semantic (dark) */
    --color-body: var(--steel-800);
    --color-text-dark: #ffffff;
    --color-text: var(--steel-100);
    --color-text-light: var(--steel-150);
    --color-text-light-1: var(--steel-150);
    --color-text-light-2: var(--steel-200);
    --color-text-light-3: var(--steel-200);
    --color-text-focus: #ffffff;
    --color-footer: var(--steel-900);
    --color-timeline: var(--steel-650);
    --color-box-header: var(--steel-700);
    --color-box-body: var(--steel-750);
    --color-box-body-highlight: var(--steel-650);
    --color-card: var(--steel-700);
    --color-button: var(--steel-600);
    --color-code-bg: var(--steel-750);
    --color-input-text: var(--steel-100);
    --color-input-background: var(--steel-650);
    --color-input-toggle-background: var(--steel-650);
    --color-input-border: var(--steel-550);
    --color-input-border-hover: var(--steel-450);
    --color-light-border: var(--steel-650);
    --color-diff-removed-word-bg: #783043;
    --color-diff-added-word-bg: #1c5138;
    --color-diff-removed-row-bg: #432121;
    --color-diff-moved-row-bg: #825718;
    --color-diff-added-row-bg: #1b3625;
    --color-diff-removed-row-border: #783043;
    --color-diff-moved-row-border: #a67a1d;
    --color-diff-added-row-border: #255c39;
    --color-diff-inactive: var(--steel-650);
/* completion: menu/popup/nav/status vars — previously undefined, which
   rendered dropdowns, tooltips, and the notification badge transparent */
--color-hover:     var(--steel-600);
--color-active:     var(--steel-650);
--color-menu:     var(--steel-700);
--color-caret:     var(--color-text);
--color-placeholder-text:     var(--color-text-light-3);
--color-tooltip-text:     #ffffff;
--color-tooltip-bg:     #000000f0;
--color-nav-bg:     var(--steel-800);
--color-nav-hover-bg:     var(--steel-650);
--color-secondary-nav-bg:     var(--color-body);
--color-header-wrapper:     var(--color-body);
--color-header-wrapper-transparent:     #08152500;
--color-light:     #00000028;
--color-light-mimic-enabled:     rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--fancy-card-bg:     var(--steel-650);
--fancy-card-border:     var(--steel-600);
--color-markup-table-row:     #ffffff06;
--color-markup-code-block:     var(--steel-800);
--color-markup-code-inline:     var(--steel-850);
--color-shadow:     #00000060;
--color-secondary-bg:     var(--steel-700);
--color-expand-button:     var(--steel-550);
--color-editor-line-highlight:     var(--steel-700);
--color-project-board-bg:     var(--steel-750);
--color-project-board-dark-label:     var(--color-text-light-3);
--color-reaction-bg:     #ffffff12;
--color-reaction-active-bg:     var(--color-primary-alpha-30);
--color-reaction-hover-bg:     var(--color-primary-alpha-40);
--color-label-text:     #ffffff;
--color-label-bg:     var(--steel-600);
--color-label-hover-bg:     var(--steel-550);
--color-label-active-bg:     var(--steel-500);
--color-label-bg-alt:     var(--steel-550);
--color-accent:     var(--color-primary-light-1);
--color-small-accent:     var(--color-primary-light-5);
--color-highlight-fg:     var(--color-primary-light-4);
--color-highlight-bg:     var(--color-primary-alpha-20);
--color-overlay-backdrop:     #080808c0;
--color-selection-bg:     var(--steel-100);
--color-selection-fg:     var(--color-pure-black);
--checkerboard-color-1:     #474747;
--checkerboard-color-2:     #313131;
--color-white:     #ffffff;
--color-pure-black:     #000000;
/* status messages (dark) */
--color-error-border:     #783030;
--color-error-bg:     #5f2525;
--color-error-bg-active:     #783030;
--color-error-bg-hover:     #783030;
--color-error-text:     #fef2f2;
--color-success-border:     #1f6e3c;
--color-success-bg:     #1d462c;
--color-success-text:     #aef0c2;
--color-warning-border:     #a67a1d;
--color-warning-bg:     #644821;
--color-warning-text:     #fff388;
--color-info-border:     #2e50b0;
--color-info-bg:     #2a396b;
--color-info-text:     var(--steel-100);
/* badges */
--color-red-badge:     #b91c1c;
--color-red-badge-bg:     #b91c1c22;
--color-red-badge-hover-bg:     #b91c1c44;
--color-green-badge:     #16a34a;
--color-green-badge-bg:     #16a34a22;
--color-green-badge-hover-bg:     #16a34a44;
--color-yellow-badge:     #ca8a04;
--color-yellow-badge-bg:     #ca8a0422;
--color-yellow-badge-hover-bg:     #ca8a0444;
--color-orange-badge:     #ea580c;
--color-orange-badge-bg:     #ea580c22;
--color-orange-badge-hover-bg:     #ea580c44;
/* status indicators (dark) */
--color-indicator-offline:     #a1a1aa;
--color-indicator-offline-20:     #a1a1aa1a;
--color-indicator-idle:     #16a34a;
--color-indicator-idle-20:     #16a34a1a;
--color-indicator-active:     #2185d0;
--color-indicator-active-20:     #2185d033;
/* ansi console colors (dark) */
--color-ansi-black:     #1d2328;
--color-ansi-red:     #cc4848;
--color-ansi-green:     #87ab63;
--color-ansi-yellow:     #cc9903;
--color-ansi-blue:     #3a8ac6;
--color-ansi-magenta:     #d22e8b;
--color-ansi-cyan:     #00918a;
--color-ansi-white:     var(--color-console-fg-subtle);
--color-ansi-bright-black:     #424851;
--color-ansi-bright-red:     #d15a5a;
--color-ansi-bright-green:     #93b373;
--color-ansi-bright-yellow:     #eaaf03;
--color-ansi-bright-blue:     #4e96cc;
--color-ansi-bright-magenta:     #d74397;
--color-ansi-bright-cyan:     #00b6ad;
--color-ansi-bright-white:     var(--color-console-fg);
/* color-picker shades (dark) */
--color-red-dark-1:     #a71919;
--color-red-dark-2:     #941616;
--color-orange-dark-1:     #d34f0b;
--color-orange-dark-2:     #bb460a;
--color-yellow-dark-1:     #b67c04;
--color-yellow-dark-2:     #ca8a04;
--color-olive-dark-1:     #839311;
--color-olive-dark-2:     #91a313;
--color-green-dark-1:     #137337;
--color-green-dark-2:     #15803d;
--color-teal-dark-1:     #0c857a;
--color-teal-dark-2:     #0a766d;
--color-violet-dark-1:     #6a1feb;
--color-violet-dark-2:     #5c14d8;
--color-purple-dark-1:     #8519e7;
--color-purple-dark-2:     #7c3aed;
--color-pink-dark-1:     #c7216b;
--color-pink-dark-2:     #b11d5f;
--color-brown-dark-1:     #94674a;
--color-brown-dark-2:     #a47252;
--color-black-dark-1:     #0f1623;
--color-black-dark-2:     #111827;
  }

  /* syntax highlighting (chroma dark) */
  .chroma .bg { background-color: var(--steel-800); }
  .chroma .err { color: #f0777a; }
  .chroma .lnlinks { outline: none; text-decoration: none; color: inherit; }
  .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
  .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
  .chroma .hl { color: var(--steel-100); }
  .chroma .lnt, .chroma .ln { color: var(--steel-450); }
  .chroma .k, .chroma .kc, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .ow { color: #ff63c8; }
  .chroma .nb { color: #65e5ff; }
  .chroma .nf, .chroma .fm { color: #6ce7b7; }
  .chroma .nc, .chroma .nn { color: #e8c268; }
  .chroma .s, .chroma .sa, .chroma .sb, .chroma .sc, .chroma .dl, .chroma .sd, .chroma .s2, .chroma .se, .chroma .sh, .chroma .si, .chroma .sx, .chroma .sr, .chroma .s1 { color: #8feccb; }
  .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .il, .chroma .mo { color: #c49bff; }
  .chroma .o, .chroma .si { color: #8ea3ba; }
  .chroma .c, .chroma .ch, .chroma .cm, .chroma .c1, .chroma .cs { color: #5c7291; }
  .chroma .cp, .chroma .cpf { color: #65e5ff; }
  .chroma .gd { color: #f0777a; background-color: #432121; }
  .chroma .ge { font-style: italic; }
  .chroma .gi { color: #6ce7b7; background-color: #1b3625; }
  .chroma .gs { font-weight: 600; }
  .chroma .gu { color: var(--steel-350); }
  .chroma .gt { color: #f0777a; }
  .chroma .gl { text-decoration: underline; }

/* Theme-aware navbar wordmark (oss-oo-logo-horizontal-max_dark, CC BY-SA 4.0,
   brand/oss-oo-brand-artworks). Only this theme file loads under
   oss-oo dark, so the swap is keyed by theme without a fork patch.
   content: replaces the img; the MAX artwork has a tighter viewport
   (792x302) than the stock 3:1 wordmark, so the box is pinned to
   height 34px with width following the intrinsic ratio (~89px — same
   footprint as the previous 90x30 render, glyphs larger). logo.svg
   stays the dark default for stock/non-oss-oo themes. */
#navbar-logo img { content: url("../img/logo-horizontal_dark.svg"); width: auto; height: 34px; }

/* User kinds (RUNBOOK "User kinds"): agent badge on explore cards, profiles
   and author links. Green echoes the observatory's agent color; the vars
   adapt per theme (light block / dark block above). */
.user-kind-badge {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 999px;
	font-size: 12px;
	line-height: 18px;
	vertical-align: middle;
	white-space: nowrap;
	background: var(--color-green-badge-bg);
	color: var(--color-green-badge);
}