@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import "tailwindcss";

@theme {
  --color-brand:          #e8473f;
  --color-brand-dark:     #c73c35;
  --color-brand-light:    #fdf2f2;
  --color-brand-muted:    #fce8e8;

  --color-sidebar-bg:     #f7f8fa;
  --color-sidebar-border: #e8eaed;

  --color-text-primary:   #1a202c;
  --color-text-secondary: #64748b;
  --color-text-muted:     #94a3b8;

  --color-surface:        #ffffff;
  --color-surface-hover:  #f7f8fa;
  --color-border:         #e2e8f0;
  --color-border-hover:   #cbd5e1;

  --font-family-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

* { font-family: 'Inter', system-ui, -apple-system, sans-serif; }

::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

.doc-content {
  line-height: 1.8;
  color: #374151;
  white-space: pre-wrap;
  word-break: break-word;
  font-size: 1rem;
}

@keyframes flash-in {
  from { transform: translateX(110%); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}
.flash-toast { animation: flash-in 0.2s ease-out forwards; }