/*
 * RadarFacturi - skin global "Ecranul Radar" (2026-07-30)
 * Tokens + skin de crom (topbar, footer) + tipografie, aplicat peste Tailwind CDN.
 * Sursa de adevar a valorilor: app-kit/design-tokens.css (repo robOS, brief radarfacturi-redesign).
 * Paginile isi pastreaza structura; fisierul asta schimba doar pielea.
 */

:root {
  --rf-blue: #2563EB;
  --rf-blue-strong: #3B82F6;
  --rf-cyan: #22D3EE;
  --rf-green: #34D399; /* doar blip logo si puncte de stare pe chrome dark, nu text */
  --rf-chrome: #070C16;
  --rf-chrome-2: #0A1224;
  --rf-chrome-3: #0E1830;
  --rf-chrome-line: rgba(148, 183, 255, .14);
  --rf-chrome-text: #E6EDF7;
  --rf-chrome-dim: rgba(214, 226, 244, .72);
  --rf-bg: #EDEBE3;
  --rf-surface: #FFFFFF;
  --rf-surface-2: #F7F6F1;
  --rf-ink: #0B1220;
  --rf-ink-soft: #3D4657;
  --rf-line: rgba(11, 18, 32, .09);
  --rf-ok: #067A54;
  --rf-ok-bg: rgba(6, 122, 84, .08);
  --rf-warn: #C2410C;
  --rf-warn-bg: rgba(194, 65, 12, .08);
  --rf-scan-ink: #0E7490;
  --rf-r-lg: 24px;
  --rf-r-md: 16px;
  --rf-r-sm: 12px;
  --rf-shadow-card: 0 18px 44px rgba(11, 18, 32, .07);
}

/* ---------- Tipografie globala ---------- */
body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}
h1, h2, h3, .rf-display {
  font-family: 'Space Grotesk', 'Inter', sans-serif;
  letter-spacing: -.015em;
}
.rf-num {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
}

/* Fundalul de lucru: os, nu gri */
body.bg-gray-50 { background-color: var(--rf-bg) !important; }

/* Focus vizibil pe ambele lumi */
:focus-visible { outline: 3px solid var(--rf-blue); outline-offset: 2px; }
.rf-topbar :focus-visible, footer :focus-visible { outline-color: var(--rf-cyan); }

/* ---------- Topbar: chrome dark ---------- */
nav.rf-topbar {
  background: var(--rf-chrome) !important;
  border-bottom: 1px solid var(--rf-chrome-line) !important;
  box-shadow: none !important;
}
.rf-topbar .rf-wordmark {
  color: var(--rf-chrome-text) !important;
  font-family: 'Space Grotesk', sans-serif;
}
.rf-topbar .text-gray-400 { color: rgba(214, 226, 244, .55) !important; }
.rf-topbar a.text-gray-600, .rf-topbar button.text-gray-600 { color: var(--rf-chrome-dim) !important; }
.rf-topbar a.hover\:text-blue-600:hover { color: var(--rf-cyan) !important; }
.rf-topbar a.hover\:bg-gray-50:hover { background: rgba(34, 211, 238, .08) !important; }
.rf-topbar button.hover\:text-gray-900:hover { color: var(--rf-chrome-text) !important; }
.rf-topbar button.text-gray-700 { color: var(--rf-chrome-dim) !important; }
.rf-topbar button.text-gray-700:hover { color: var(--rf-chrome-text) !important; }
.rf-topbar a.text-orange-600 { color: #FBBF24 !important; }
.rf-topbar a.hover\:text-orange-700:hover { color: #FDE68A !important; }
.rf-topbar a.hover\:bg-orange-50:hover { background: rgba(251, 191, 36, .1) !important; }
/* linkurile publice (Autentificare) din bara */
.rf-topbar a.text-gray-600.hover\:text-blue-600:hover { color: var(--rf-cyan) !important; }

/* ---------- Footer: acelasi chrome ---------- */
footer.bg-gray-800 {
  background: var(--rf-chrome) !important;
  border-top: 1px solid var(--rf-chrome-line);
}

/* ---------- Ajutoare de componenta (folosite de template-uri) ---------- */
.rf-btn-primary {
  background: var(--rf-blue); color: #fff; border-radius: var(--rf-r-sm); font-weight: 600;
}
.rf-btn-primary:hover { background: var(--rf-blue-strong); }
.rf-badge-ok { color: var(--rf-ok); background: var(--rf-ok-bg); }
.rf-badge-warn { color: var(--rf-warn); background: var(--rf-warn-bg); }
.rf-eyebrow {
  font-family: 'JetBrains Mono', monospace; font-size: 12px;
  letter-spacing: .14em; text-transform: uppercase;
}