/* Sightline Capital — design tokens.
   Values are taken verbatim from the design handoff (README "Design Tokens" plus
   the inline styles in the prototype). Do not round or "tidy" these numbers —
   several are deliberately fractional (13.5px, 12.5px, 9.5px) and the design is
   specified as pixel-exact. */

:root {
  /* ── Palette ─────────────────────────────────────────────────────────── */
  --navy: #0a254e;
  --navy-light: #1a3d6f; /* hover */
  --navy-dark: #051229; /* viewer chrome */
  --red: #990000; /* critical / revoked / blocked ONLY — never negative financials */
  --red-light: #c20000;
  --blue-accent: #5b9bd5; /* links, new-doc flags, avatar, latest chart bar */
  --green: #2e7d32; /* positive status only */
  --green-bg: #e8f5e9;
  --amber-bg: #fff9e6; /* pending */
  --amber-text: #8a6d00;
  --charcoal: #333333; /* body */
  --gray-600: #666666; /* secondary */
  --gray-300: #cccccc; /* borders */
  --gray-200: #e8e8e8; /* dividers */
  --gray-100: #f5f5f5; /* backgrounds */
  --white: #ffffff;

  /* ── Type ────────────────────────────────────────────────────────────── */
  --font-sans: Aptos, Calibri, system-ui, -apple-system, sans-serif;
  --font-mono: Consolas, Menlo, monospace;
  --font-signature: 'Great Vibes', cursive;

  /* ── Spacing (4/8/16/24/32/48) ───────────────────────────────────────── */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* ── Radii ───────────────────────────────────────────────────────────── */
  --radius-xs: 3px; /* CONFIDENTIAL stamp */
  --radius-sm: 4px; /* badges, chips */
  --radius-chip: 5px; /* bordered status chips in dark chrome */
  --radius-btn-sm: 6px; /* compact table-row buttons */
  --radius-md: 8px; /* buttons, inputs */
  --radius-lg: 12px; /* cards */

  /* ── Shadows (navy-tinted, never black) ──────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(10, 37, 78, 0.05);
  --shadow-md: 0 4px 6px rgba(10, 37, 78, 0.1);
  --shadow-lg: 0 10px 15px rgba(10, 37, 78, 0.1);
  --shadow-modal: 0 10px 15px rgba(10, 37, 78, 0.2);
  --shadow-toast: 0 10px 15px rgba(10, 37, 78, 0.3);
  --shadow-toggle-knob: 0 1px 2px rgba(10, 37, 78, 0.2);

  /* ── Interaction ─────────────────────────────────────────────────────── */
  --focus-ring: 0 0 0 3px rgba(10, 37, 78, 0.1);
  --ease: 0.2s ease;
  --ease-fast: 0.15s ease;

  /* ── Overlays ────────────────────────────────────────────────────────── */
  --scrim-viewer: rgba(5, 18, 41, 0.72);
  --scrim-modal: rgba(5, 18, 41, 0.6);

  /* ── Watermark ───────────────────────────────────────────────────────── */
  --watermark-color: rgba(10, 37, 78, 0.08);
  --watermark-angle: -27deg;

  /* ── Layout ──────────────────────────────────────────────────────────── */
  --sidebar-width: 238px;
  --main-max-width: 1220px;
  --auth-card-width: 450px;
  --portal-width: 760px;
  --viewer-width: 860px;
  --nda-page-width: 740px;
  --tree-width: 270px;
}

/* Sidebar surfaces sit on navy, so their white-alpha values are tokenised
   separately rather than being written as one-off rgba() literals. */
:root {
  --on-navy-strong: #ffffff;
  --on-navy: rgba(255, 255, 255, 0.72);
  --on-navy-muted: rgba(255, 255, 255, 0.55);
  --on-navy-faint: rgba(255, 255, 255, 0.45);
  --on-navy-border: rgba(255, 255, 255, 0.25);
  --on-navy-divider: rgba(255, 255, 255, 0.12);
  --on-navy-active-bg: rgba(255, 255, 255, 0.14);
  --on-navy-hover-bg: rgba(255, 255, 255, 0.12);
}