/* =========================================================================
   Iboru • Rituais Místicos — tokens
   =========================================================================
   Paleta roxo/dourado herdada da identidade da marca (documentada em
   ../../iboru-servicos-atualizado-24-08.md, seção 8).

   Sobre contraste: o fundo é um gradiente radial em que o roxo claro
   (--rm-purple) aparece só no canto superior esquerdo; o resto da página
   fica no roxo escuro (--rm-purple-deep). Medições sobre o roxo escuro:

     branco       21.0:1     dourado     6.9:1
     --rm-fg      9.4:1      dourado sobre card (--rm-surface)  9.1:1

   No trecho mais claro do gradiente o dourado cai para 3.6:1 — passa em
   texto grande, não em corpo de texto. Por isso a regra do sistema:
   DOURADO É PARA TÍTULO, FILETE E DETALHE. Corpo de texto usa --rm-fg ou
   branco, que passam em qualquer ponto do gradiente.
   ========================================================================= */

:root {
  /* ---- cor: base ---- */
  --rm-purple:        #684098;  /* ponto claro do gradiente */
  --rm-purple-deep:   #34204c;  /* ponto escuro, domina a página */
  --rm-ink:           #140b20;  /* cartões e superfícies elevadas */
  --rm-ink-raised:    #1d1230;  /* superfície sobre superfície */

  --rm-gold:          #d4af37;
  --rm-gold-light:    #f3d778;  /* ponta clara do gradiente do botão */
  --rm-ruby:          #9b111e;

  --rm-white:         #ffffff;
  --rm-fg:            #d9cbe9;  /* corpo de texto sobre fundo escuro */
  --rm-fg-dim:        #b6a4cc;  /* texto de apoio, metadados */

  /* ---- cor: papel ---- */
  --rm-bg:            var(--rm-purple-deep);
  --rm-surface:       var(--rm-ink);
  --rm-surface-alt:   var(--rm-ink-raised);

  /* ---- cor: traço ---- */
  --rm-border:        rgba(212, 175, 55, .16);
  --rm-border-strong: rgba(212, 175, 55, .42);
  --rm-rule:          rgba(212, 175, 55, .22);

  /* ---- tipografia ---- */
  --rm-font-display: "Cinzel", "Iowan Old Style", Palatino, Georgia, serif;
  --rm-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --rm-fs-xs:   0.8125rem;
  --rm-fs-sm:   0.9375rem;
  --rm-fs-base: 1.0625rem;
  --rm-fs-lg:   1.1875rem;
  --rm-fs-h4:   1.25rem;
  --rm-fs-h3:   1.5rem;
  --rm-fs-h2:   clamp(1.75rem, 1.3rem + 1.9vw, 2.5rem);
  --rm-fs-h1:   clamp(2.1rem, 1.4rem + 3.1vw, 3.5rem);

  --rm-lh-tight: 1.18;
  --rm-lh-snug:  1.35;
  --rm-lh-base:  1.65;

  --rm-fw-regular: 400;
  --rm-fw-medium:  500;
  --rm-fw-semi:    600;
  --rm-fw-bold:    700;

  --rm-tracking-wide: 0.12em;  /* eyebrow, botão, rótulo */

  /* ---- espaço (escala 4px) ---- */
  --rm-space-1:  0.25rem;
  --rm-space-2:  0.5rem;
  --rm-space-3:  0.75rem;
  --rm-space-4:  1rem;
  --rm-space-5:  1.25rem;
  --rm-space-6:  1.5rem;
  --rm-space-7:  2rem;
  --rm-space-8:  2.5rem;
  --rm-space-9:  3rem;
  --rm-space-10: 4rem;
  --rm-space-11: 5.5rem;

  /* ---- forma ---- */
  --rm-radius-sm:   8px;
  --rm-radius-md:   12px;
  --rm-radius-lg:   18px;
  --rm-radius-full: 999px;

  /* ---- profundidade ---- */
  --rm-shadow:      0 10px 30px rgba(0, 0, 0, .35);
  --rm-shadow-lift: 0 16px 40px rgba(0, 0, 0, .45);
  --rm-glow-gold:   0 8px 24px rgba(212, 175, 55, .30);

  /* ---- textura de fundo ---- */
  --rm-pattern:         url("/assets/img/pattern.webp");
  --rm-pattern-size:    340px;
  --rm-pattern-opacity: .07;

  /* ---- movimento ---- */
  --rm-transition: 200ms ease;
  --rm-reveal:     600ms cubic-bezier(.22, .61, .36, 1);

  /* ---- medida ---- */
  --rm-container:  1120px;
  --rm-measure:    68ch;
}