/* Local Fonts */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../../assets/fonts/Inter-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../../assets/fonts/Inter-Bold.ttf') format('truetype');
}

/* Intranet Corporativa Styles */

:root {
  /* Cores Principais - Corporativo */
  --color-primary: #0f2942;      /* Azul marinho profundo (mais próximo da ref) */
  --color-primary-light: #1e3a5f;
  --color-primary-dark: #0a1c2e;
  
  --color-secondary: #2d5a27;    /* Verde forte */
  --color-secondary-light: #3f7d37;
  --color-secondary-dark: #1e3b1a;

  --color-accent: #ffffff;       /* Branco nos textos sobre cores fortes */
  
  /* Backgrounds */
  --bg-body: #f1f5f9;            /* Slate 100 */
  --bg-card: #ffffff;
  --bg-sidebar: #ffffff;
  --bg-header: #ffffff;
  
  /* Textos */
  --text-primary: #0f172a;       /* Slate 900 */
  --text-secondary: #475569;     /* Slate 600 */
  --text-muted: #94a3b8;         /* Slate 400 */
  --text-on-primary: #ffffff;
  
  /* Borders */
  --border-color: #e2e8f0;       /* Slate 200 */
  
  /* Status */
  --status-success: #16a34a;
  --status-warning: #ca8a04;
  --status-error: #dc2626;
  
  /* Layout */
  --header-height: 80px;
  --sidebar-width: 280px;
  --container-max-width: 1200px;
}

/* Base Styles */
body {
    background-color: var(--bg-body);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: var(--text-primary);
    -webkit-font-smoothing: antialiased;
}

/* ------------------------------------------------------------------
   Foco visível para navegação por teclado.
   Vários botões usam a classe focus:outline-none do Tailwind (que pinta a
   outline de transparente) sem definir um anel no lugar, deixando quem navega
   por teclado sem saber onde está. Esta regra vale para o app inteiro; o
   !important é necessário porque a classe do Tailwind tem mais especificidade.
   :focus-visible só dispara em teclado, então o clique de mouse segue limpo.
   ------------------------------------------------------------------ */
*:focus-visible {
    outline: 2px solid #3b82f6 !important;  /* blue-500: legível no branco e no header marinho */
    outline-offset: 2px;
    border-radius: 2px;
}

/* ------------------------------------------------------------------
   Respeita quem pediu menos movimento no sistema operacional
   (animate-ping do status, animate-pulse dos skeletons, fade do slider,
   expansão da sidebar, zoom das imagens nos cards).
   ------------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Utilities */
.text-primary-color { color: var(--color-primary); }
.bg-primary-color { background-color: var(--color-primary); }

.card {
    background-color: var(--bg-card);
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.btn-primary {
    background-color: var(--color-primary);
    color: var(--text-on-primary);
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-weight: 500;
    transition: background-color 0.2s;
}

.btn-primary:hover {
    background-color: var(--color-primary-light);
}

.btn-secondary {
    background-color: var(--color-secondary);
    color: var(--text-on-primary);
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-weight: 500;
    transition: background-color 0.2s;
}

.btn-secondary:hover {
    background-color: var(--color-secondary-light);
}

/* Sidebar Custom Scrollbar */
.sidebar-scroll::-webkit-scrollbar {
    width: 6px;
}

.sidebar-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 20px;
}