@import url('/receivables-ui/dashboard/executive.css');

:root {
  --surface-app: #06111d;
  --surface-panel: #0a1928;
  --surface-card: #0e2031;
  --surface-elevated: #132a3d;
  --text-primary: #f4f8fb;
  --text-muted: #9eb0be;
  --border-subtle: #20394c;
  --accent-primary: #4ca8e8;
  --accent-cash: #e3bb5a;
  --accent-warning: #e7a83d;
  --accent-risk: #ef6670;
  --accent-success: #55c99a;
  --accent-neon: #62e7ff;
  --sidebar-width: 244px;
  --topbar-height: 78px;
  --focus-ring: #79c9ff;
  --glow-subtle: 0 14px 42px rgba(21, 99, 151, .14);
  --glow-command: 0 28px 80px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .045);
  --edge-cyan: rgba(91, 190, 238, .32);
  --motion-fast: 160ms;
  --motion-normal: 280ms;
  --motion-slow: 900ms;
  --ease-standard: cubic-bezier(.2, .8, .2, 1);
  --ease-emphasized: cubic-bezier(.16, 1, .3, 1);
  --motion-distance: 6px;
  --r-bg: var(--surface-app);
  --r-panel: var(--surface-panel);
  --r-border: var(--border-subtle);
  --r-text: var(--text-primary);
  --r-muted: var(--text-muted);
  --r-gold: var(--accent-cash);
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-normal: 0ms; --motion-slow: 0ms; --motion-distance: 0px; }
}