/* ABMUS: design tokens. Somente custom properties; seguro para site e admin. */
:root {
  color-scheme: light;

  /* Cor */
  --c-bg: #ffffff;
  --c-surface: #f7f4f6;
  --c-surface-2: #efe9ed;
  --c-line: #ddd3d9;
  --c-line-strong: #8c7d86;
  --c-ink: #22181e;
  --c-ink-2: #5a4d55;
  --c-brand: #b8005f;
  --c-brand-rgb: 184, 0, 95;
  --c-brand-strong: #8f004a;
  --c-brand-soft: #fbe9f2;
  --c-brand-logo: #d00070;
  --c-plum: #2a1622;
  --c-plum-rgb: 42, 22, 34;
  --c-plum-2: #3a1f30;
  --c-on-dark: #f6eef3;
  --c-on-dark-2: #cdbac6;
  --c-accent-on-dark: #ff9fcb;
  --c-gold: #b08a3a;
  --c-gold-ink: #7a5810;
  --c-success: #1e6b43;  --c-success-bg: #e8f3ec;
  --c-warning: #8a5300;  --c-warning-bg: #fff4e0;
  --c-danger:  #b42318;  --c-danger-bg:  #fdecea;
  --c-info:    #1d5b8f;  --c-info-bg:    #e8f1f9;
  --c-focus: var(--c-brand);
  --c-focus-on-dark: var(--c-accent-on-dark);
  --c-staff: rgba(184, 0, 95, 0.16); /* pauta decorativa */

  /* Tipografia */
  --font-serif: "EB Garamond", Garamond, "Times New Roman", serif;
  --font-sans: "Source Sans 3", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --fs-xs: 0.8125rem;   /* 13px: legendas mínimas */
  --fs-sm: 0.9375rem;   /* 15px: rótulos, metadados */
  --fs-base: 1.0625rem; /* 17px: corpo */
  --fs-lg: 1.25rem;     /* 20px: lead */
  --fs-xl: clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem);   /* h3 */
  --fs-2xl: clamp(1.75rem, 1.45rem + 1.2vw, 2.25rem);   /* h2 */
  --fs-3xl: clamp(2.125rem, 1.6rem + 2.2vw, 3rem);      /* h1 interno */
  --fs-display: clamp(2.5rem, 1.8rem + 3.2vw, 4rem);    /* h1 da home */
  --lh-tight: 1.15;
  --lh-body: 1.6;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-serif: 500;
  --fw-serif-strong: 600;
  --measure: 68ch;

  /* Espaçamento (base 4px) */
  --sp-1: 0.25rem;  --sp-2: 0.5rem;  --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem;   --sp-6: 2rem;    --sp-7: 3rem;    --sp-8: 4rem;  --sp-9: 6rem;
  --section-y: clamp(3rem, 2rem + 4vw, 6rem);
  --section-y-tight: clamp(2rem, 1.5rem + 2vw, 3.5rem);

  /* Raios */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-pill: 999px;

  /* Sombras (uso raro) */
  --sh-1: 0 1px 2px rgba(34, 24, 30, 0.06), 0 1px 1px rgba(34, 24, 30, 0.04);
  --sh-2: 0 8px 24px -10px rgba(34, 24, 30, 0.22);
  --sh-focus: 0 0 0 0.2rem rgba(184, 0, 95, 0.22);

  /* Movimento */
  --dur-fast: 150ms;
  --dur: 220ms;
  --dur-slow: 900ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  /* Camadas (alinhadas ao Bootstrap) */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-offcanvas: 1045;
  --z-modal: 1055;
  --z-toast: 1090;

  /* Medidas de componente */
  --control-h: 2.75rem;      /* 44px: alvo de toque mínimo */
  --header-logo-h: 64px;
  --header-logo-h-sm: 44px;
}
/* Breakpoints (constantes; não usar var() em @media):
   sm 576px · md 768px · lg 992px · xl 1200px · xxl 1400px. Iguais ao Bootstrap 5.3. */