/* Copyright The DeviceChain Authors */
/* SPDX-License-Identifier: Apache-2.0 */

/*
 * GENERATED by tools/generate.mjs from tokens.json — DO NOT HAND-EDIT.
 *
 * Marketing + static-site vocabulary. Consumed by the public website and by
 * anything with no bundler: plain custom properties, hex values, no build step.
 *
 * This is the one output that is COPIED INTO ANOTHER REPOSITORY, so it names
 * its source in full: frontend/packages/brand/tokens.json in the devicechain
 * monorepo. Editing the copy is how the marketing site drifted onto a blue
 * neither the console nor the docs used. Change tokens.json and re-sync.
 */

:root {
  /* Core brand — sampled from the brandmark (branding/logo.svg). */
  --brand: #208cb7;
  --brand-bright: #24a3d6;
  --brand-deep: #1f425e;
  --brand-pale: #9aceec;

  /* Surfaces + text. */
  --bg: #0b1620;
  /* LOAD-BEARING: must equal the hex-field renderer's gl.clearColor. If they
     differ, distant fogged tiles read as a dark silhouette against a lighter
     sky instead of dissolving into it. */
  --bg-deep: #060b11;
  --ink: #e8f1f6;
  --ink-2: #b6ccd8;
  --muted: #8aa6b6;

  /* Derived surface treatments. */
  --panel: rgba(255, 255, 255, 0.04);
  --border: rgba(122, 183, 217, 0.18);
  --rule: rgba(122, 183, 217, 0.16);
  --rule-strong: rgba(122, 183, 217, 0.34);
  --glow-strong: rgba(32, 140, 183, 0.25);
  --glow-soft: rgba(32, 140, 183, 0.12);

  /* Area accents. NEVER used for anything interactive — --brand alone
     carries that meaning. Order is pipeline order. */
  /* Ingest and edge. */
  --aqua: #2fd6d0;
  /* Detect. */
  --violet: #7c6cf5;
  /* React. */
  --magenta: #e8489b;
  /* Command. */
  --amber: #f5a524;

  /* Type stacks. */
  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "DejaVu Sans Mono", "Liberation Mono", Menlo, Consolas, monospace;
}