/* -------------------------------------------------------------------------- */
/* OpenCB design tokens                                                        */
/*                                                                             */
/* Shared scale for the radio shell. Loaded before styles.css so every later    */
/* sheet can consume these values; defines custom properties only, so it never  */
/* changes rendering on its own.                                               */
/*                                                                             */
/* Prefix is --ocb- to keep a clear boundary against the pre-existing --app-,   */
/* --cb- and --fp- variables already used by layout-shell.css and styles.css.   */
/* -------------------------------------------------------------------------- */

:root {
  /* Type scale — minor third (1.2), rounded to whole pixels. */
  --ocb-text-2xs: 10px;
  --ocb-text-xs: 11px;
  --ocb-text-sm: 12px;
  --ocb-text-base: 13px;
  --ocb-text-md: 15px;
  --ocb-text-lg: 18px;
  --ocb-text-xl: 22px;

  /* Spacing — 4px base step. */
  --ocb-space-1: 4px;
  --ocb-space-2: 8px;
  --ocb-space-3: 12px;
  --ocb-space-4: 16px;
  --ocb-space-5: 20px;
  --ocb-space-6: 24px;

  /* Corner radii. */
  --ocb-radius-sm: 8px;
  --ocb-radius-md: 12px;
  --ocb-radius-lg: 16px;

  /* Console layout (consumed by console-layout.css).
     The console is capped well below the viewport: with the map dock closed
     there is only so much content, and stretching it across a 1920px display
     reads as empty panel rather than as a considered layout. */
  --ocb-console-max: 1180px;
  --ocb-console-instrument-col: clamp(300px, 24vw, 380px);
  --ocb-console-gap: clamp(14px, 1.4vw, 26px);

  /* Component ceilings that stop elements from stretching to absurd widths
     once the console is allowed to use the full desktop viewport. */
  --ocb-meter-max: 400px;
  --ocb-ptt-max: 720px;
}