/**
 * SysPonto — tokens (grafite + laranja + gelo)
 */
:root {
  --sp-primary: #111827;
  --sp-primary-muted: #374151;

  --sp-bg: #f5f7fa;
  --sp-surface: #ffffff;
  --sp-border: #e5e7eb;
  --sp-text: #111827;
  --sp-text-secondary: #6b7280;

  --sp-accent: #f97316;
  --sp-accent-hover: #ea580c;

  --sp-sidebar-bg: #111827;
  --sp-sidebar-text: #e5e7eb;
  --sp-sidebar-muted: #9ca3af;
  --sp-sidebar-hover-bg: rgba(255, 255, 255, 0.06);
  --sp-sidebar-active-bg: rgba(249, 115, 22, 0.15);
  --sp-sidebar-active-border: #f97316;

  --sp-focus: #f97316;
  --sp-focus-ring: rgba(249, 115, 22, 0.22);

  --sp-sidebar-width: 260px;
  --sp-sidebar-width-collapsed: 72px;

  --sp-radius-card: 12px;
  --sp-radius-control: 10px;
  --sp-shadow-card: 0 1px 3px rgba(17, 24, 39, 0.06);
  --sp-shadow-elevated: 0 8px 24px rgba(17, 24, 39, 0.08);
}