/* Vendored from jaxhax-design 5573646. Do not edit; re-vendor. */
/* Jaxhax design tokens. Source of truth for color, type, line, space and density.
 *
 * Canonical copy: neosetup/flakes/jaxhax-design/tokens.css. Projects vendor a
 * copy (`nix run ~/neosetup?dir=flakes/jaxhax-design#vendor -- <dir>`); they
 * do not link to it. Edit here, then re-vendor.
 *
 * Rule: components reference semantic roles (--c-*), never raw palette (--jx-*).
 */

:root {
  /* ---- jaxgruv dark: raw palette ----------------------------------- *
   * Gruvbox hue slots at Gruvbox lightness on an olive-gray ground, so
   * Gruvbox-aware terminal and editor configs map one-to-one. */
  --jx-bg0h: #171a18;
  --jx-bg: #1e211f;
  --jx-bg0s: #252826;
  --jx-bg1: #2e322f;
  --jx-bg2: #3c413d;
  --jx-bg3: #50564f;
  --jx-bg4: #696f66;
  --jx-fg0: #f0ead5;
  --jx-fg: #e2dbc2;
  --jx-fg2: #cec7ae;
  --jx-fg3: #b6b09a;
  --jx-fg4: #9e9a85;
  --jx-gray: #868b7e;
  --jx-red: #e66848;
  --jx-green: #acc65a;
  --jx-yellow: #e9bd4f;
  --jx-blue: #7da9b5;
  --jx-purple: #c290ab;
  --jx-aqua: #80bf9c;
  --jx-orange: #ee8c42;

  /* Normal (dim) variants: terminal ANSI 1-6 (dark) and mid tones (light). */
  --jx-red-dim: #bd5136;
  --jx-green-dim: #87a13c;
  --jx-yellow-dim: #c59a37;
  --jx-blue-dim: #58869a;
  --jx-purple-dim: #9a6c86;
  --jx-aqua-dim: #5b9a78;
  --jx-orange-dim: #c96e2c;

  /* Grove: moss-green accent surface */
  --jx-grove: #212b1d;
  --jx-grove-2: #283424;
  --jx-grove-rule: #3b4934;
  --jx-grove-deep: #191f16;

  /* Deprecated Gruvbox-era aliases. Remove once consumers use --jx-* or roles. */
  --gb-bg0h: var(--jx-bg0h);
  --gb-bg: var(--jx-bg);
  --gb-bg0s: var(--jx-bg0s);
  --gb-bg1: var(--jx-bg1);
  --gb-bg2: var(--jx-bg2);
  --gb-bg3: var(--jx-bg3);
  --gb-bg4: var(--jx-bg4);
  --gb-fg0: var(--jx-fg0);
  --gb-fg: var(--jx-fg);
  --gb-fg2: var(--jx-fg2);
  --gb-fg3: var(--jx-fg3);
  --gb-fg4: var(--jx-fg4);
  --gb-gray: var(--jx-gray);
  --gb-red: var(--jx-red);
  --gb-green: var(--jx-green);
  --gb-yellow: var(--jx-yellow);
  --gb-blue: var(--jx-blue);
  --gb-purple: var(--jx-purple);
  --gb-aqua: var(--jx-aqua);
  --gb-orange: var(--jx-orange);

  /* ---- Surfaces --------------------------------------------------------- */
  --c-page: var(--jx-bg0h);        /* page / app ground */
  --c-sheet: var(--jx-bg);         /* cards, sidebars, rails, popovers */
  --c-sheet-2: var(--jx-bg1);      /* table heads, hover, selected rows */
  --c-field: var(--jx-bg0h);       /* input wells (sunk below the sheet) */
  --c-rule: var(--jx-bg2);         /* borders, dividers */
  --c-rule-2: var(--jx-bg3);       /* dashed section rules, zone ticks, field borders */
  --c-scrim: rgba(23, 26, 24, 0.72); /* behind drawers and dialogs; replaces shadows */

  /* ---- Grove: accent surface for chosen sections, status bars, headers
   * and footers. Roughly one section in three; never every surface. Apply
   * with .jx-on-grove (components.css), which remaps sheet and rule. ----- */
  --c-grove: var(--jx-grove);
  --c-grove-2: var(--jx-grove-2);       /* cards and panels on grove */
  --c-grove-rule: var(--jx-grove-rule); /* borders on grove */
  --c-grove-deep: var(--jx-grove-deep); /* headers, footers, sunk wells */

  /* ---- Ink -------------------------------------------------------------- */
  --c-text: var(--jx-fg);          /* primary text, object lines */
  --c-text-strong: var(--jx-fg0);  /* active/selected item text only */
  --c-text-2: var(--jx-fg2);       /* body copy */
  --c-text-3: var(--jx-fg4);       /* labels, secondary text and lines */
  --c-muted: var(--jx-gray);       /* meta only; 4.6:1, never under 14px */
  --c-faint: var(--jx-bg4);        /* placeholders, disabled, hidden hints */

  /* ---- Signal ----------------------------------------------------------- */
  --c-glyph: var(--jx-yellow);     /* emphasis, links, primary CTA, selection */
  --c-accent: var(--jx-orange);    /* indices, active indicators, focus ring */
  --c-dim: var(--jx-blue);         /* dimensions, kickers, info */
  --c-net: var(--jx-aqua);         /* inputs, icons, secondary series */
  --c-agent: var(--jx-purple);     /* bots / agents / automation */
  --c-ok: var(--jx-green);
  --c-warn: var(--jx-orange);
  --c-err: var(--jx-red);
  --c-info: var(--jx-blue);
  --c-face-r: #232724;             /* shaded faces in 3D linework */

  /* ---- Data series (charts, maps). Order matters; take from the front. -- */
  --c-series-1: var(--jx-yellow);
  --c-series-2: var(--jx-aqua);
  --c-series-3: var(--jx-blue);
  --c-series-4: var(--jx-orange);
  --c-series-5: var(--jx-purple);
  --c-series-6: var(--jx-green);
  --c-band: rgba(125, 169, 181, 0.16);   /* uncertainty band, blue at 16% */
  --c-band-warm: rgba(233, 189, 79, 0.22); /* highlight band, yellow at 22% */

  /* ---- Map ground ------------------------------------------------------- */
  --c-map-water: #1b2527;
  --c-map-land: var(--jx-bg0s);
  --c-map-coast: var(--jx-bg3);
  --c-map-casing: var(--jx-bg0h);  /* outline under routes and markers */

  /* ---- Grid ground ------------------------------------------------------ */
  --c-grid: rgba(226, 219, 194, 0.055);
  --c-grid-fine: rgba(226, 219, 194, 0.022);

  /* ---- Type ------------------------------------------------------------- */
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Document scale (sites, guides, reports) */
  --fs-display: 44px;   /* sans 300 */
  --fs-h1: 30px;        /* mono 500 */
  --fs-h2: 18px;        /* mono 500 */
  --fs-body: 15px;      /* sans 400, lh 1.6 */
  --fs-small: 13px;     /* mono 400 */
  --fs-label: 11px;     /* mono 500, uppercase, tracking-label */
  --fs-micro: 9px;      /* dimension text in drawings only */

  /* App scale (dense tools). Same faces, tighter steps. */
  --fs-ui: 13px;        /* mono 400: chrome, controls, tables */
  --fs-ui-prose: 14px;  /* sans 400: messages, descriptions, help */
  --fs-ui-title: 15px;  /* mono 500: bar titles */
  --fs-readout: 22px;   /* mono 500, tabular: KPI values */

  --tracking-label: 0.14em;
  --tracking-wordmark: 0.18em;
  --lh-body: 1.6;
  --lh-ui: 1.5;

  /* ---- Linework (CSS px at 1x) ------------------------------------------ */
  --lw-object: 1.25px;
  --lw-secondary: 0.75px;
  --lw-dim: 0.7px;
  --lw-center: 0.6px;
  --dash-hidden: 3 2.5;
  --dash-center: 12 3 2 3;

  /* ---- Space: 4px base -------------------------------------------------- */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 72px;

  /* ---- Shape & density -------------------------------------------------- */
  --radius: 0;          /* rectangles are square; circles are for points only */
  --tap: 30px;          /* min height of anything pressable (pointer: fine) */
  --rail: 208px;        /* app launcher / nav rail */
  --side: 240px;        /* list sidebar in a split view */
  --grid-major: 100px;
  --grid-minor: 20px;
  --content-max: 1240px;
  --measure: 680px;     /* max line length for prose */

  color-scheme: dark;
}

@media (pointer: coarse) {
  :root { --tap: 42px; }
}

/* ---- Light ground --------------------------------------------------------
 * The system is dark-first. Use light only where it is functionally required:
 * print, or a tool used in direct sunlight. Apply per element (.on-light) or
 * per document (<html data-theme="light">). An app may also map
 * prefers-color-scheme: light to the same values when it has that need.
 */
.on-light,
[data-theme="light"] {
  --c-page: #f9f6e8;
  --c-sheet: #f3efdc;
  --c-sheet-2: #e4dabd;
  --c-field: #f9f6e8;
  --c-rule: #cfc5a8;
  --c-rule-2: #b6ad91;
  --c-scrim: rgba(45, 53, 46, 0.4);
  --c-text: #2d352e;
  --c-text-strong: #1e211f;
  --c-text-2: #3b453c;
  --c-text-3: #606b5d;
  --c-muted: #868c7a;
  --c-faint: #9e9a85;
  --c-glyph: #85600f;
  --c-accent: #a5481a;
  --c-dim: #3e6a70;
  --c-net: #3d7150;
  --c-agent: #85506a;
  --c-ok: #55701f;
  --c-warn: #a5481a;
  --c-err: #a33a20;
  --c-info: #3e6a70;
  --c-face-r: #ece6cf;
  --c-grove: #e6ead8;
  --c-grove-2: #dde3cc;
  --c-grove-rule: #bcc4a6;
  --c-grove-deep: #d5dcc2;
  --c-series-1: #85600f;
  --c-series-2: #3d7150;
  --c-series-3: #3e6a70;
  --c-series-4: #a5481a;
  --c-series-5: #85506a;
  --c-series-6: #55701f;
  --c-band: rgba(62, 106, 112, 0.13);
  --c-band-warm: rgba(133, 96, 15, 0.2);
  --c-map-water: #d6e0da;
  --c-map-land: #ece6cf;
  --c-map-coast: #b6ad91;
  --c-map-casing: #f3efdc;
  --c-grid: rgba(45, 53, 46, 0.06);
  --c-grid-fine: rgba(45, 53, 46, 0.025);
  color-scheme: light;
}

/* ---- Paper ground --------------------------------------------------------
 * White page, near-black ink, the light accents darkened to 4.5:1 on white.
 * For material read by people outside the project: client and partner docs,
 * proposals, anything printed or forwarded. Same system, quieter surface: no
 * grid ground. Apply per element (.on-paper) or per document
 * (<html data-theme="paper">).
 */
.on-paper,
[data-theme="paper"] {
  --c-page: #ffffff;
  --c-sheet: #f7f6f3;
  --c-sheet-2: #eeebe5;
  --c-field: #ffffff;
  --c-rule: #dedad2;
  --c-rule-2: #c4bdb0;
  --c-scrim: rgba(40, 40, 40, 0.35);
  --c-text: #282828;
  --c-text-strong: #1d2021;
  --c-text-2: #3c3836;
  --c-text-3: #665c54;
  --c-muted: #7c6f64;
  --c-faint: #a89984;
  --c-glyph: #9a6212;
  --c-accent: #af3a03;
  --c-dim: #076678;
  --c-net: #427b58;
  --c-agent: #8f3f71;
  --c-ok: #79740e;
  --c-warn: #af3a03;
  --c-err: #9d0006;
  --c-info: #076678;
  --c-face-r: #eeebe5;
  --c-grove: #eef1e6;
  --c-grove-2: #e5eadb;
  --c-grove-rule: #c9d1bb;
  --c-grove-deep: #e2e7d6;
  --c-series-1: #9a6212;
  --c-series-2: #427b58;
  --c-series-3: #076678;
  --c-series-4: #af3a03;
  --c-series-5: #8f3f71;
  --c-series-6: #79740e;
  --c-band: rgba(7, 102, 120, 0.1);
  --c-band-warm: rgba(154, 98, 18, 0.14);
  --c-map-water: #dde6e6;
  --c-map-land: #f2f0eb;
  --c-map-coast: #c4bdb0;
  --c-map-casing: #ffffff;
  --c-grid: transparent;
  --c-grid-fine: transparent;
  color-scheme: light;
}
