/*
 * Beriut — Sistema visual v1.0
 * Tokens da identidade visual oficial. Importe este arquivo antes de qualquer
 * outro CSS para garantir que as variáveis estejam disponíveis em todo o sistema.
 *
 * Paleta: Tarde de Manaus
 * Tipografia: Fraunces (display) + Inter (corpo)
 * Documentação completa: Manual de Marca Beriut v1.0
 */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=Noto+Sans+Hebrew:wght@400;500;600&display=swap');

:root {
  /* Paleta oficial - Tarde de Manaus */
  --beriut-azul-escuro: #1A3540;     /* texto principal, fundos escuros */
  --beriut-azul-rio: #2C5E6E;        /* cor primária da marca */
  --beriut-coral: #D4845C;           /* acento humano, destaques */
  --beriut-marrom: #8B4A2F;          /* emergência, alertas */
  --beriut-creme-claro: #F0DDC4;     /* estados ativos, badges */
  --beriut-creme: #FBF6EE;           /* fundo principal */

  /* Cores semânticas dos códigos hospitalares - mantidas do sistema */
  --beriut-codigo-ouro: #B07A1F;     /* alta */
  --beriut-codigo-verde: #4A6B4A;    /* óbito */
  --beriut-codigo-azul: var(--beriut-azul-rio);  /* deterioração */
  --beriut-codigo-marrom: var(--beriut-marrom);  /* emergência */

  /* Tipografia */
  --beriut-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --beriut-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --beriut-font-hebrew: 'Noto Sans Hebrew', 'Frank Ruhl Libre', serif;
  --beriut-font-mono: ui-monospace, 'SF Mono', 'Menlo', 'Monaco', 'Courier New', monospace;

  /* Espacamento e raios - opcional, use se quiser consistência */
  --beriut-radius-sm: 4px;
  --beriut-radius-md: 8px;
  --beriut-radius-lg: 12px;
}

/* Reset base de tipografia para todo o sistema */
body {
  font-family: var(--beriut-font-body);
  color: var(--beriut-azul-escuro);
  background-color: var(--beriut-creme);
}

/* Display - aplicar em titulos principais e logo */
h1, h2, h3, .beriut-display {
  font-family: var(--beriut-font-display);
  color: var(--beriut-azul-escuro);
  font-weight: 600;
}

/* Logo wordmark - usar quando exibir "Beriut" como texto */
.beriut-wordmark {
  font-family: var(--beriut-font-display);
  font-weight: 600;
  font-variation-settings: 'opsz' 144;
  color: var(--beriut-azul-escuro);
  letter-spacing: -0.01em;
  line-height: 1;
}

/* Tagline pequena que acompanha o logo */
.beriut-tagline {
  font-family: var(--beriut-font-body);
  font-size: 0.6875rem;  /* 11px */
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--beriut-azul-rio);
  margin-top: 0.25rem;
}

/* Lockup horizontal - símbolo + nome lado a lado, padrão pro header */
.beriut-lockup-h {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
}

.beriut-lockup-h img,
.beriut-lockup-h svg {
  flex-shrink: 0;
  height: 2.25rem; /* 36px - tamanho default do header */
  width: auto;
}

/* Texto hebraico - para uso em peças institucionais */
.beriut-hebrew {
  font-family: var(--beriut-font-hebrew);
  direction: rtl;
}

/* Textarea com resize visível — reuniões */
.textarea-resizable {
    resize: vertical;
    min-height: 8rem;
    box-shadow: inset -4px -4px 0 -2px rgba(212, 132, 92, 0.2);
}
.textarea-resizable:focus {
    box-shadow: inset -4px -4px 0 -2px rgba(212, 132, 92, 0.4);
}
.textarea-resizable::-webkit-resizer {
    background-color: var(--beriut-coral, #D4845C);
    border-bottom-right-radius: 0.5rem;
}

/* File input customizado — Anexos de reuniões */
.file-input-custom {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}