/* Tokens do redesign da Floricultura Xara.
   Valores extraidos do prototipo aprovado. Nao alterar sem medir contraste. */
:root {
  /* superficies */
  --xara-surface:        #F8F1E2;
  --xara-surface-panel:  #FFFFFF;
  --xara-surface-dark:   #16241C;
  --xara-surface-dark-2: #1D2E22;
  --xara-sage-tint:      #E7EEDF;

  /* texto */
  --xara-ink:            #241C17;
  --xara-ink-on-dark:    #F3ECDD;
  --xara-muted-on-dark:  #B7C4AE;
  --xara-sage:           #5F7A52;

  /* marca */
  --xara-accent:         #D6316F;  /* preenchimento: botao, selo */
  --xara-accent-2:       #B8225C;  /* hover do preenchimento */
  --xara-accent-texto:   #B8225C;  /* texto pequeno: 5,46 sobre creme */
  --xara-gold:           #C08A2E;  /* detalhe sobre fundo escuro: 5,31 */
  --xara-gold-escuro:    #8A5F1C;  /* texto sobre fundo claro: 5,62 */

  /* bordas e sombra */
  --xara-border:         #E7DAC2;
  --xara-border-dark:    rgba(243, 236, 221, .16);
  --xara-shadow:         0 24px 48px -24px rgba(22, 36, 28, .35);

  /* tipografia */
  --xara-fonte-display:  "Fraunces", "Iowan Old Style", Georgia, serif;
  --xara-fonte-corpo:    "Archivo", "Helvetica Neue", Arial, sans-serif;
  --xara-fonte-script:   "Caveat", "Segoe Script", cursive;

  /* espaco e forma */
  --xara-raio:           18px;
  --xara-raio-pill:      999px;
  --xara-largura:        1220px;
  --xara-gutter:         20px;
  --xara-toque:          44px;
}