/* design-tokens.css — JNPA DTCCC console design system.
   Values verbatim from ref/design_handoff_jnpa_dtccc/README.md. */
:root {
  --dc-bg: #0A1420;
  --dc-panel: #122437;
  --dc-panel-secondary: #18364D;
  --dc-border: #1E3A52;
  --dc-divider: #1B3348;
  --dc-control-border: #2A5273;

  --dc-cyan: #62D3FF;
  --dc-healthy: #57E39F;
  --dc-warning: #F6C85F;
  --dc-critical: #FF7A7A;

  --dc-text: #FFFFFF;
  --dc-body: #CBDAE7;
  --dc-muted: #AEC1D2;
  --dc-dim: #9FB4C6;
  --dc-dim-2: #8AA3B8;

  --dc-cyan-tint-1: rgba(98,211,255,0.07);
  --dc-cyan-tint-2: rgba(98,211,255,0.10);
  --dc-cyan-tint-3: rgba(98,211,255,0.12);
  --dc-cyan-tint-4: rgba(98,211,255,0.14);
  --dc-cyan-tint-5: rgba(98,211,255,0.22);
  --dc-cyan-tint-6: rgba(98,211,255,0.28);
  --dc-cyan-tint-7: rgba(98,211,255,0.35);
  --dc-grip-bg: #0F2135;
  --dc-glass: rgba(18,36,55,0.88);
  --dc-glass-strong: rgba(18,36,55,0.97);

  --dc-font-ui: Inter, "Segoe UI", Arial, sans-serif;
  --dc-font-condensed: "Arial Narrow", "Segoe UI", Arial, sans-serif;
  --dc-font-head: var(--dc-font-condensed);
  --dc-font-mono: "Cascadia Mono", Consolas, monospace;

  --dc-r-chip: 3px;
  --dc-r-control: 4px;
  --dc-r-button: 5px;
  --dc-r-card-inner: 6px;
  --dc-r-card: 7px;
  --dc-r-toggle: 10px;

  --dc-sp-4: 4px; --dc-sp-5: 5px; --dc-sp-6: 6px; --dc-sp-7: 7px; --dc-sp-8: 8px;
  --dc-sp-9: 9px; --dc-sp-10: 10px; --dc-sp-11: 11px; --dc-sp-12: 12px;
  --dc-sp-13: 13px; --dc-sp-14: 14px; --dc-sp-15: 15px; --dc-sp-16: 16px; --dc-sp-18: 18px;

  --dc-header-h: 56px;
  --dc-rail-w: 86px;
  --dc-menu-w: 268px;
  --dc-drawer-w: 400px;
  --dc-copilot-w: 352px;

  --dc-t-pane: transform .28s cubic-bezier(.4,0,.2,1);
  --dc-t-timeline: max-height .26s ease;
  --dc-t-notif: bottom .26s ease;
  --dc-t-bar: width .4s;
}