/* Nexa Desk design tokens. Ported verbatim from Foundation.dc.html.
   This is the ONLY file that may hold a literal colour, radius or shadow value.
   Everything else references these variables. Two documented type exceptions live
   in components.css: 46px Archivo on the login wordmark, 16px command-palette input. */
:root {
  /* surfaces */
  --surface-0: #0A0A0A;
  --surface-1: #131313;
  --surface-2: #1C1C1C;
  --surface-3: #262626;
  --surface-sunken: #060606;
  /* pure black brand panel + muted wordmark grey (login artboard literals) */
  --panel-black: #000000;
  --wordmark-muted: #808080;
  /* borders + overlay */
  --border: #2E2E2E;
  --border-strong: #3D3D3D;
  --overlay: #000000B3;
  /* text */
  --text-1: #EDEDED;
  --text-2: #A3A3A3;
  --text-3: #6B6B6B;
  --text-on-brand: #0A0A0A;
  /* brand */
  --brand: #EBD8BA;
  --brand-hover: #F2E4CC;
  --brand-press: #D9C4A2;
  --brand-subtle: #EBD8BA1F;
  --brand-line: #EBD8BA3D;
  /* status */
  --danger: #F87171;
  --danger-bg: #F871711A;
  --warning: #FBBF24;
  --warning-bg: #FBBF241A;
  --success: #4ADE80;
  --success-bg: #4ADE801A;
  --info: #60A5FA;
  --info-bg: #60A5FA1A;
  /* pipeline stages */
  --stage-1: #4A4238;
  --stage-2: #6B5F4C;
  --stage-3: #94856B;
  --stage-4: #C0AE8E;
  --stage-5: #EBD8BA;
  /* radius */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-full: 999px;
  /* shadow */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, .6);
  --shadow-2: 0 8px 24px rgba(0, 0, 0, .7);
  /* focus + active-state rings (Foundation: "outline 2px brand, offset 2px, brand-line glow") */
  --focus-ring: 0 0 0 4px var(--brand-line);
  --focus-ring-input: 0 0 0 3px var(--brand-line);
  --nav-active-bar: inset 2px 0 0 var(--brand);
}