/* GENERATED FILE — DO NOT EDIT.
 * Source: tools/web-design/registries/tokens.json (v2.0.0) brand "jmorex"
 * Regenerate: node tools/web-design/emit_tokens.mjs --brand jmorex --out <dir>
 * Hand edits are reverted by the next run and fail `emit_tokens.mjs --check` in CI.
 *
 * Motif: The holding office. A quiet, load-bearing structure behind other people's products — instruments and ledgers, not marketing. The visitor should feel they have walked into somewhere that was already running before they arrived.
 */

:root {
  /* color */
  --jv-color-bg: #07060a; /* locked */
  --jv-color-bg-raised: #0e0c12; /* locked */
  --jv-color-ink: #f3efe6; /* locked */
  --jv-color-muted: #9a9386; /* locked */
  --jv-color-line: rgba(201, 165, 90, 0.22); /* locked */
  --jv-color-gold: #c9a55a; /* locked */
  --jv-color-gold-bright: #e8c880; /* locked */
  --jv-color-navy: #121826; /* locked */
  --jv-color-teal: #00F0DD; /* locked · alias of jova-command.color.primary */

  /* type */
  --jv-type-font-display: "Satoshi", system-ui, sans-serif; /* locked */
  --jv-type-font-ui: "Satoshi", system-ui, sans-serif; /* locked */
  --jv-type-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* space */
  --jv-space-xs: 4px;
  --jv-space-sm: 8px;
  --jv-space-md: 16px;
  --jv-space-lg: 24px;
  --jv-space-xl: 40px;
  --jv-space-2xl: 64px;
  --jv-space-3xl: 96px;

  /* motion */
  --jv-motion-ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1); /* locked · alias of motion.ease-out-expo */
  --jv-motion-duration-fast: 200ms;
  --jv-motion-duration-base: 320ms;
  --jv-motion-duration-slow: 560ms;
  --jv-motion-duration-cinematic: 1200ms;

  /* layout */
  --jv-layout-max-width: 1180px;
  --jv-layout-max-width-wide: 1280px;
  --jv-layout-nav-height: 64px;

  /* legacy aliases — the variable names these surfaces already ship,
     repointed at the registry so adoption is a one-line diff. */
  --bg: var(--jv-color-bg);
  --bg2: var(--jv-color-bg-raised);
  --ink: var(--jv-color-ink);
  --muted: var(--jv-color-muted);
  --line: var(--jv-color-line);
  --gold: var(--jv-color-gold);
  --gold2: var(--jv-color-gold-bright);
  --navy: var(--jv-color-navy);
  --cyan: var(--jv-color-teal);
  --mono: var(--jv-type-font-mono);
  --ease: var(--jv-motion-ease-out-expo);
  --max: var(--jv-layout-max-width);
  --nav-h: var(--jv-layout-nav-height);
}