/* ==========================================================================
   ITMS THEME TOKENS — controlytics.ai
   --------------------------------------------------------------------------
   css/radar-speed-display.css is shared byte-for-byte with controlytics.io.
   It styles nothing but .r-* and .rc-* classes, and reads its palette from
   14 custom properties that the safety site supplies via css/styles.css.

   This file supplies those same property names in the controlytics.ai
   palette — navy #0B132B, blue #0A3D91, cyan #00A8E8, red #E63946 — so the
   shared stylesheet renders on-brand here without being forked.

   LOAD ORDER MATTERS. This must come *after* radar-speed-display.css:

       <link rel="stylesheet" href="css/radar-speed-display.css?v=...">
       <link rel="stylesheet" href="css/itms-tokens.css?v=...">

   Custom properties resolve at use time, not declaration time, so the base
   tokens below still feed the shared file's own --rc-* definitions while the
   explicit --rc-* overrides at the bottom win over its defaults.

   Do not edit radar-speed-display.css to restyle this site. Edit this file.
   Sync the shared assets with: node tools/radar/sync-to-iiot.js
   ========================================================================== */

:root {
  /* ---- Surfaces ---------------------------------------------------------
     --dark    page background behind the builder
     --dark-2  section band + configurator panel
     --dark-3  raised panel, inset wells, card hover                      */
  --black: #070C1C;
  --dark: #0B132B;
  --dark-2: #101A38;
  --dark-3: #1A2650;

  /* ---- Lines and secondary text ---------------------------------------- */
  --gray-dark: #223060;
  --gray: #64748B;
  --gray-light: #9AA4B2;

  /* ---- Foreground ------------------------------------------------------- */
  --white: #F1F5F9;
  --off-white: #C7D0DD;

  /* ---- Accent -----------------------------------------------------------
     The safety site's accent is amber. Here it is the cyan highlight. The
     property names stay --yellow* because the shared stylesheet asks for
     them by name; only the values change.                                 */
  --yellow: #00A8E8;
  --yellow-bright: #38C6FF;
  --yellow-dim: #0A7FB5;

  --red: #E63946;

  --font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ---- Configurator overrides -------------------------------------------
     radar-speed-display.css derives most --rc-* values from the tokens
     above, which is why they are not repeated here. These two are literals
     in that file and have to be restated for this palette.                */
  --rc-accent-soft: rgba(0, 168, 232, 0.14);
  --rc-success: #10B981;
}