/* ===============================
   TOKENS – design system foundations
   =============================== */

:root {
  /* Brand */
  --brand-primary: #005eb8;
  --brand-accent: #2a7abf;
  --brand-deep: #1f1a8a;

  /* Surfaces */
  --surface: #ffffff;
  --surface-muted: #f3f6fb;
  --surface-map: #fafafa;

  /* Text */
  --text: #111827;
  --text-muted: #6b7280;

  /* Borders + radii */
  --border: #e5e7eb;
  --border-strong: #d1d5db;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-float: 0 6px 18px rgba(0,0,0,0.12);

  /* Z layers */
  --z-controls: 200;
  --z-status: 500;
  --z-floorpanel: 600;

  /* Fixed heights */
  --status-height: 56px;

  --floor-inactive: #d7d7d7;
  --floor-border: rgba(0,0,0,0.4);

  --node-entrance-fill: #e3f2fd;
  --node-entrance-stroke: #1565c0;

  --node-destination-fill: #fff3e0;
  --node-destination-stroke: #ef6c00;

  --alert: #d32f2f;
    /*menu panel background*/
  --drawer-bg: #000;

  --control-h: 46px;
  --control-pad-x: 18px;
    /* blue focus ring */
  --focus-ring: 0 0 0 3px rgba(0, 94, 184, 0.35);

    /* tool tip*/
  --tooltip-bg: rgba(17, 24, 39, 0.92);
  --tooltip-text: #fff;
  --tooltip-radius: 12px;
  --tooltip-pad-y: 8px;
  --tooltip-pad-x: 12px;
  --tooltip-offset-y: 52px;

  --status-h: 72px;   /* fallback */
  --float-gap: 20px;  /* spacing between status & floating things */
}