/* Theme: labrador (default).
 *
 * The token contract every component CSS file consumes. Other themes
 * (light, high-contrast, vendor-skinned) override the same names on
 * `:root[data-theme="<name>"]` and inherit every piece of layout
 * unchanged. No component file should ever reference a hex literal
 * directly — if a value is missing here, add it here.
 *
 * Categories (kept stable across themes):
 *   surface  — page chrome, behind everything
 *   text     — readable foreground tones
 *   line     — borders + separators
 *   accent   — the primary gold (brand)
 *   slate    — secondary frame color (env pill, slate gradients)
 *   semantic — positive/negative/info status (green dots, error red)
 *   alpha-*  — RGB triples for use inside rgba(...) where opacity varies
 *   shadow   — pre-mixed drop shadow tints
 */
:root {
  color-scheme: dark;

  /* --- accent (gold) -------------------------------------------- */
  --accent: #e6b549;
  --accent-bright: #f5d27a;
  --accent-deep: #c89035;
  /* RGB triple for use inside rgba() — keeps the opacity in the
     component, the hue in the theme. */
  --accent-rgb: 230, 181, 73;

  /* --- secondary (slate) ---------------------------------------- */
  --slate: #27445e;
  --slate-soft: #2f5a86;
  --slate-text: #9bb6d0;
  --slate-rgb: 47, 90, 134;

  /* --- surface tones -------------------------------------------- */
  --bg: #0a0c10;
  --bg-deep: #06080b;
  --bg-rgb: 11, 13, 16;
  --surface: #11151a;
  --surface-2: #161b22;
  --surface-elevated: #11161d;        /* user-pop panel float */
  --surface-drawer-top: #0d1116;       /* drawer gradient top */
  --surface-drawer-bot: #0a0c10;       /* drawer gradient bottom */
  --surface-codeblock-top: #0d1218;    /* install code block top */
  --surface-codeblock-bot: #07090d;    /* install code block bottom */
  --surface-userpop-top: #11161d;      /* user popover top */
  --surface-userpop-bot: #0c1015;      /* user popover bottom */

  /* --- text tones ------------------------------------------------ */
  --text: #e6e8eb;
  --text-muted: #a3adbb;
  --text-soft: #8b94a3;
  --text-codeblock: #d8dde3;
  --text-hero-body: #c2c8d1;

  /* --- lines / borders ------------------------------------------ */
  --line: #1f2630;
  --line-soft: #263040;

  /* --- semantic colors ------------------------------------------ */
  --positive: #6ddf8f;
  --positive-rgb: 109, 223, 143;
  --negative: #ff6b6b;
  --negative-soft: #ff8b8b;

  /* --- shadow tints --------------------------------------------- */
  --shadow-strong: rgba(0, 0, 0, 0.6);
  --shadow-deep: rgba(0, 0, 0, 0.7);
  --shadow-drawer: rgba(0, 0, 0, 0.55);

  /* --- typography ----------------------------------------------- */
  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* --- shared geometry ------------------------------------------ */
  --topbar-h: 56px;
  --chip-h: 32px;
}