/*
 * TrueByte design tokens.
 *
 * These are not new values. Every one is already in use on at least one of the
 * three sites; this file is the first place they have had a name. Until now
 * every colour was a duplicated literal, which is why the sites have already
 * drifted apart in four places.
 *
 * Two palettes, because the sites genuinely have two looks: WAVE and Chronix
 * are dark with a cyan accent, and share theirs exactly. TrueByte is a warm
 * light paper with a deep teal accent.
 *
 * A site includes this file and then uses the tokens for its palette. It does
 * not switch between them at runtime, and there is no automatic dark mode.
 */

:root {
  /* --- type ---------------------------------------------------------------
   * Two stacks, because the sites made different calls and both are defensible.
   * WAVE uses the system stack and makes zero requests on load, which is a
   * claim its own page makes in writing. The other two use Inter, served from
   * their own docroot rather than from Google, so they also request nothing
   * off-site. Pick one per site; do not mix them on one page.
   */
  --font-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
    'Liberation Sans', Arial, 'Noto Sans', sans-serif;
  --font-system-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', 'DejaVu Sans Mono',
    Menlo, Consolas, 'Liberation Mono', monospace;
  --font-inter: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-inter-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* --- dark palette: WAVE and Chronix -------------------------------------
   * Shared exactly between the two today. A change here is a change to both.
   */
  --d-page: #070B13;
  --d-band-top: #0A101B;
  --d-band-bottom: #090E18;
  --d-text: #A6B0C3;
  --d-heading: #EAF0F9;
  --d-muted: #8A94AC;
  --d-accent: #38D6F5;
  --d-accent-bright: #41D9F5;
  --d-accent-deep: #26BFE2;
  --d-eyebrow: #59CFEA;
  --d-link: #7FE7FD;
  --d-link-hover: #C4F5FF;
  --d-rule: rgba(154, 170, 200, .09);
  --d-focus: rgba(155, 237, 255, .85);

  /* --- light palette: TrueByte -------------------------------------------- */
  --l-page: #F5F2EB;
  --l-raised: #FBFAF5;
  --l-sunken: #E3DECE;
  --l-text: #23272F;
  --l-heading: #1B1E24;
  --l-muted: #6E6A5E;
  --l-quiet: #4A505B;
  --l-rule: #DCD6C6;
  --l-accent: #0A5A70;
  --l-accent-bright: #0E6B84;
  --l-accent-deep: #084C60;
  --l-link: #0A5A70;
  --l-link-hover: #063E4F;
  --l-focus: #0A5A70;

  /* --- Chronix only -------------------------------------------------------
   * The "Again?!" red. It belongs to one product's argument, not to the studio,
   * so it is named as that site's rather than promoted to a shared alarm colour.
   */
  --chx-alarm: #F0524A;
  --chx-alarm-soft: #FB7A6E;
  --chx-alarm-pale: #F5928B;
  --chx-alarm-faint: #FFB4AA;

  /* --- shape and motion ---------------------------------------------------
   * Identical across all three sites today.
   */
  --radius: 10px;
  --radius-sm: 8px;
  --radius-lg: 11px;
  --wrap-pad: clamp(20px, 4.5vw, 48px);
  --ease: .16s ease;
}