/* ─── Identitate vizuală ArviHR — aliniată la arverion.com ───────────────
   Doar culori și fonturi (nu layout). Fonturile sunt self-hosted (fără
   Google Fonts): aceleași fișiere woff2 ca pe site-ul firmei.
   Paleta: navy #071B3A · blue #1677FF · cyan #22D3EE · teal #14B8A6.
   ────────────────────────────────────────────────────────────────────── */

@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/inter-v20-latin_latin-ext-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/inter-v20-latin_latin-ext-600.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/inter-v20-latin_latin-ext-700.woff2') format('woff2'); }

@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/space-grotesk-v22-latin_latin-ext-500.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 600; font-display: swap;
  src: url('../fonts/space-grotesk-v22-latin_latin-ext-600.woff2') format('woff2'); }
@font-face { font-family: 'Space Grotesk'; font-style: normal; font-weight: 700; font-display: swap;
  src: url('../fonts/space-grotesk-v22-latin_latin-ext-700.woff2') format('woff2'); }

@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('../fonts/jetbrains-mono-v24-latin_latin-ext-regular.woff2') format('woff2'); }
@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap;
  src: url('../fonts/jetbrains-mono-v24-latin_latin-ext-500.woff2') format('woff2'); }

:root {
  /* fonturi — identice cu arverion.com */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  /* --font-mono e folosit în template-uri mai ales pentru cifre (ore, KPI,
     sume). JetBrains Mono are zero tăiat (Ø) — nedorit în HR — așa că
     cifrele rămân pe Inter cu aliniere tabulară; mono adevărat doar la cod. */
  --font-mono: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-code: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace;

  /* brand */
  --navy: #071B3A;
  --navy-2: #0C1E3C;
  --navy-3: #14315C;
  --blue: #1677FF;
  --blue-hi: #2E8AFF;
  --blue-dk: #0F5FD6;
  --cyan: #22D3EE;
  --cyan-hi: #6FE3F4;
  --teal: #14B8A6;
  --warm: #F59E0B;

  /* derivate pentru UI pe fundal deschis */
  --ink: #1B2A41;          /* text de bază */
  --ink-2: #0F2F63;        /* titluri, text accentuat */
  --blue-50: #EAF2FF;
  --blue-100: #CFE1FF;
  --blue-200: #8FC0FF;
  --blue-300: #4B9BFF;
  --page-bg: #F3F6FB;

  --grad-brand: linear-gradient(135deg, #22D3EE 0%, #1677FF 100%);
  --grad-brand-hover: linear-gradient(135deg, #38DDF2 0%, #2E8AFF 100%);
  --grad-navy: linear-gradient(135deg, #0A1830 0%, #081326 55%, #060E1F 100%);
}

/* Tipografie de bază: text Inter, titluri Space Grotesk, cod JetBrains Mono */
body { font-family: var(--font); font-variant-numeric: tabular-nums; }
h1, h2, h3, .brand-app, .page-title, .card h2, .stat-card .val, .kpi-val {
  font-family: var(--font-display);
  letter-spacing: -0.01em;
}
code, pre, kbd, samp { font-family: var(--font-code); }

/* Butonul flotant 🐛 (base.html): pe mobil mai mic și mai discret, iar pagina
   primește spațiu jos ca să nu acopere ultima acțiune (ex. „Trimite cerere”).
   !important — butonul are stiluri inline. */
@media (max-width: 640px) {
  #bug-fab {
    width: 40px !important; height: 40px !important;
    bottom: 12px !important; right: 12px !important;
    font-size: 1.1em !important;
    background: rgba(229, 62, 62, 0.72) !important;
    box-shadow: 0 2px 8px rgba(229, 62, 62, 0.25) !important;
  }
  .main-content { padding-bottom: 72px !important; }
}