/* ==========================================================================
   Santa Casa Quintana — Design Tokens
   Paleta extraída do site existente e refinada para contraste WCAG 2.1 AA.
   ========================================================================== */

:root {
  /* --- Marca ------------------------------------------------------------
     Escala derivada da logo oficial (logosantacasa.png). As cores 700/600/300
     sao amostras diretas do degrade da cruz; as demais foram calculadas a
     partir delas. Contraste sobre branco anotado ao lado.                  */
  --sc-blue-900: #1f3565;  /* Rodape e barra superior                       */
  --sc-blue-800: #2b4680;  /* Hover de botao primario                       */
  --sc-blue-700: #395ba1;  /* PRIMARIO - azul da logo        — 6.6:1  AA    */
  --sc-blue-600: #3d77b7;  /* Azul medio da logo             — 4.6:1  AA    */
  --sc-blue-500: #4a8ac9;  /* Realce sobre fundo escuro      — 3.5:1  AA UI */
  --sc-blue-300: #74a8d6;  /* Azul claro da logo                            */
  --sc-blue-100: #d6e5f4;
  --sc-blue-050: #eef4fb;

  /* --- Neutros ---------------------------------------------------------- */
  --sc-navy:     #192a3d;  /* Títulos                                       */
  --sc-ink:      #1f2937;  /* Texto forte                                   */
  --sc-slate:    #3a4f66;  /* Texto corrido                                 */
  --sc-muted:    #4b5563;  /* Texto secundário — 7.5:1 sobre branco         */
  --sc-border:   #e1e8ed;
  --sc-bg:       #ffffff;
  --sc-bg-soft:  #f9fafb;
  --sc-bg-tint:  #f3f7fc;

  /* --- Semânticos ------------------------------------------------------- */
  --sc-green:      #15803d;  /* Escurecido de #16a34a p/ atingir 4.5:1      */
  --sc-green-soft: #dcfce7;
  --sc-red:        #b91c1c;  /* Urgência / Pronto Socorro                   */
  --sc-red-soft:   #fee2e2;
  --sc-amber:      #b45309;
  --sc-amber-soft: #fef3c7;

  /* --- Tipografia ------------------------------------------------------- */
  --sc-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;
  --sc-font-heading: var(--sc-font);

  --sc-text-xs:   0.8125rem;
  --sc-text-sm:   0.9375rem;
  --sc-text-base: 1.0625rem;  /* 17px — leitura confortável p/ público idoso */
  --sc-text-lg:   1.1875rem;
  --sc-text-xl:   1.375rem;
  --sc-text-2xl:  1.75rem;
  --sc-text-3xl:  2.125rem;
  --sc-text-4xl:  2.75rem;

  --sc-leading-tight:  1.2;
  --sc-leading-snug:   1.35;
  --sc-leading-normal: 1.65;

  /* --- Espaçamento (escala 4px) ----------------------------------------- */
  --sc-space-1:  0.25rem;
  --sc-space-2:  0.5rem;
  --sc-space-3:  0.75rem;
  --sc-space-4:  1rem;
  --sc-space-5:  1.5rem;
  --sc-space-6:  2rem;
  --sc-space-7:  3rem;
  --sc-space-8:  4rem;
  --sc-space-9:  6rem;

  /* --- Layout ----------------------------------------------------------- */
  --sc-container:      1200px;
  --sc-container-wide: 1440px;
  --sc-container-text: 72ch;
  --sc-gutter:         1.25rem;

  /* --- Formas ----------------------------------------------------------- */
  --sc-radius-sm: 6px;
  --sc-radius:    10px;
  --sc-radius-lg: 16px;
  --sc-radius-full: 999px;

  --sc-shadow-sm: 0 1px 2px rgba(16, 31, 51, .06);
  --sc-shadow:    0 2px 8px rgba(16, 31, 51, .08);
  --sc-shadow-md: 0 6px 20px rgba(16, 31, 51, .10);
  --sc-shadow-lg: 0 16px 40px rgba(16, 31, 51, .14);

  --sc-ring: 3px solid var(--sc-blue-600);
  --sc-ring-offset: 2px;

  --sc-transition: 160ms cubic-bezier(.4, 0, .2, 1);

  /* --- Alturas ---------------------------------------------------------- */
  --sc-header-h: 84px;
  --sc-topbar-h: 40px;
  --sc-tap-target: 44px;  /* mínimo acessível para toque */
}

@media (max-width: 782px) {
  :root {
    --sc-text-3xl: 1.75rem;
    --sc-text-4xl: 2.125rem;
    --sc-space-8:  2.5rem;
    --sc-space-9:  3.5rem;
    --sc-header-h: 68px;
  }
}

/* Respeita quem pediu menos animação */
@media (prefers-reduced-motion: reduce) {
  :root { --sc-transition: 0ms; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}