/* ============================================================
   styles.css — Studio Calendário (Grifo Tools)
   Responsabilidade: Estilos minimos nao cobertos pelo Tailwind
     + overrides do FullCalendar para usar as cores brand
   Dependencias: nenhuma
   ============================================================ */

html { scroll-behavior: smooth; }
:focus { outline: 2px solid #802B22; outline-offset: 2px; }

/* ── Transicoes suaves de tema ── */
body {
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* ── Dark mode ── */
html.dark body {
  background-color: #0f0f0f;
  color: #f5f5f5;
}
html.dark section,
html.dark .bg-white,
html.dark .bg-neutral-50 {
  background-color: #1a1a1a;
  border-color: #2a2a2a;
}
html.dark input:not([type='color']):not([type='checkbox']):not([type='radio']):not([type='range']),
html.dark select,
html.dark textarea {
  background-color: #111111;
  border-color: #333333;
  color: #f5f5f5;
}
html.dark .text-neutral-800,
html.dark .text-neutral-700,
html.dark .text-neutral-900 { color: #f5f5f5; }
html.dark .text-neutral-500,
html.dark .text-neutral-400 { color: #a0a0a0; }
html.dark .border-neutral-200,
html.dark .border-neutral-300 { border-color: #2a2a2a; }

/* ── FullCalendar: cores brand ── */
#calendar {
  --fc-border-color: #e5e7eb;
  --fc-button-bg-color: #802B22;
  --fc-button-border-color: #802B22;
  --fc-button-hover-bg-color: #641F18;
  --fc-button-hover-border-color: #641F18;
  --fc-button-active-bg-color: #641F18;
  --fc-button-active-border-color: #641F18;
  --fc-today-bg-color: #FAF0EF;
  --fc-event-bg-color: #9E342B;
  --fc-event-border-color: #802B22;
}

/* ── FullCalendar: dark mode ── */
html.dark #calendar {
  --fc-border-color: #2a2a2a;
  --fc-page-bg-color: #1a1a1a;
  --fc-neutral-bg-color: #1a1a1a;
  --fc-list-event-hover-bg-color: #1a1a1a;
  --fc-today-bg-color: #2E0C09;
  color: #f5f5f5;
}