/* =========================================================
   HireSphere Admin — design tokens.

   Design direction: an operations console, not a marketing site.
   The public site sells the pitch; this tool runs the machine.
   Signature element: the "pipeline rail" — a fixed-order strip of
   stage colors (slate -> amber -> indigo -> blue -> violet ->
   emerald, with rose as the off-ramp) that recurs everywhere an
   application's stage is shown: the sidebar's stage-ordered nav
   dots, table rows, and the detail header. It's not decoration —
   the color always means the same pipeline stage everywhere in
   the product, so staff learn it once.
   ========================================================= */

:root {
  /* Surfaces — deep slate, not pure black; distinguishable from
     the public site's near-navy so the two products never get
     confused in a screenshot. */
  --bg: #0D1117;
  --surface: #131922;
  --surface-raised: #1B2330;
  --surface-hover: #212B3A;
  --border: #26303F;
  --border-strong: #34404F;

  --text-primary: #E7EBF2;
  --text-secondary: #92A0B4;
  --text-tertiary: #5E6B7E;

  /* Pipeline stage colors — the signature system. */
  --stage-applied: #6B7688;
  --stage-verification: #E8A94D;
  --stage-verified: #5B7FF0;
  --stage-interview: #4FA8E8;
  --stage-offer: #A876E8;
  --stage-hired: #34C38F;
  --stage-rejected: #E85C5C;

  --accent: #5B6EF5;
  --accent-hover: #4759DE;
  --success: #34C38F;
  --success-bg: rgba(52, 195, 143, 0.12);
  --warning: #E8A94D;
  --warning-bg: rgba(232, 169, 77, 0.12);
  --danger: #E85C5C;
  --danger-bg: rgba(232, 92, 92, 0.12);
  --info-bg: rgba(91, 110, 245, 0.12);

  --font-display: 'Manrope', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --fs-2xs: 0.6875rem;
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.625rem;
  --fs-2xl: 2rem;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;

  --shadow-card: 0 1px 2px rgba(0,0,0,0.3), 0 8px 24px rgba(0,0,0,0.24);
  --sidebar-width: 232px;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}