/* ============================================================
   glb_var001.css — Variáveis padrão do tema (rosé delicado).
   ------------------------------------------------------------
   Mexa AQUI para mudar cores/raios/fontes do app inteiro.
   Padrão obrigatório: nada de cor hardcoded espalhada pelo CSS.
   ============================================================ */

:root {
  /* Paleta rosé / nude */
  --rose-50:  #fff5f7;
  --rose-100: #ffe9ef;
  --rose-150: #ffdde6;
  --rose-200: #ffc9d8;
  --rose-300: #ff9fbb;
  --rose-400: #f97aa0;
  --rose-500: #ec5d8a;   /* cor principal */
  --rose-600: #d6437a;   /* hover / escuro */
  --rose-700: #b32f63;
  --nude:     #f6e7df;
  --cream:    #fffaf7;
  --gold:     #d8a86b;

  /* Estados */
  --ok:        #3fa37a;
  --ok-bg:     #e6f6ee;
  --warn:      #e0962f;
  --warn-bg:   #fdf3e2;
  --danger:    #e15b6b;
  --danger-bg: #fdeaec;
  --info:      #7a86c9;
  --info-bg:   #eef0fb;

  /* Texto */
  --ink:        #5a3b46;
  --ink-soft:   #8d6c77;
  --ink-faint:  #b89aa3;
  --on-rose:    #ffffff;

  /* Fundos */
  --bg:         #fff7f9;
  --surface:    #ffffff;
  --surface-2:  #fff1f5;
  --border:     #ffe0e9;

  /* Tipografia */
  --font-ui:    "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-brand: "Quicksand", "Poppins", sans-serif;
  --font-num:   "Poppins", system-ui, sans-serif;

  /* Cantos / sombras / espaçamentos */
  --radius-sm:   12px;
  --radius:      18px;
  --radius-lg:   26px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 8px rgba(214, 67, 122, 0.08);
  --shadow:    0 8px 24px rgba(214, 67, 122, 0.12);
  --shadow-lg: 0 14px 40px rgba(214, 67, 122, 0.18);

  /* Largura "celular" mesmo no PC */
  --app-max: 460px;

  /* mapeia o "primary" do Bootstrap para o rosé */
  --bs-primary: var(--rose-500);
  --bs-primary-rgb: 236, 93, 138;
}