/* Quitanda São Jerônimo — Design Tokens
   Frente quitanda-qsj · Repo Central. HEX oficiais amostrados do kit de marca.
   Fontes reais: New Spirit (display), Firula (destaque), Rubik (corpo). */

:root {
  /* ---- Paleta ---- */
  --qsj-olive: #3E4929;         /* Verde Oliva — primária, texto, base */
  --qsj-olive-deep: #2E3919;    /* Verde Oliva Profundo — fundos escuros */
  --qsj-creme: #F2EFE1;         /* Creme — fundo claro, respiro */
  --qsj-lime: #E2E546;          /* Verde Limão — acento vibrante */
  --qsj-coral: #F37253;         /* Coral — acento quente, o "fruto" */
  --qsj-sage: #BAC69B;          /* Verde Sálvia — secundária suave */
  --qsj-olive-med: #6F755A;     /* Oliva Médio — neutro, texto secundário */

  /* ---- Papéis semânticos ---- */
  --qsj-bg: var(--qsj-creme);
  --qsj-bg-dark: var(--qsj-olive-deep);
  --qsj-surface: #ffffff;
  --qsj-text: var(--qsj-olive);
  --qsj-text-muted: var(--qsj-olive-med);
  --qsj-text-on-dark: var(--qsj-creme);
  --qsj-accent: var(--qsj-lime);
  --qsj-accent-warm: var(--qsj-coral);
  --qsj-border: rgba(46, 57, 25, 0.10);

  /* ---- Tipografia ---- */
  --qsj-font-display: "QSJ New Spirit", "New Spirit", Georgia, serif;   /* títulos */
  --qsj-font-feature: "QSJ Firula", "Firula", Georgia, serif;          /* destaques */
  --qsj-font-body: "QSJ Rubik", "Rubik", ui-sans-serif, system-ui, sans-serif; /* corpo/rótulos */
  --qsj-tracking-caps: 0.12em;   /* caixa-alta: QUITANDA, SEJA LEVE */

  /* ---- Raios (cantos suaves, orgânicos) ---- */
  --qsj-radius-sm: 8px;
  --qsj-radius-md: 12px;
  --qsj-radius-lg: 16px;
  --qsj-radius-xl: 20px;
  --qsj-radius-pill: 999px;
}