/**
 * ==========================================================
 * VARANDA HD
 * Variáveis específicas da página
 * ==========================================================
 */

:root {
  /* Largura compartilhada pelo cabeçalho e checkout */
  --page-content-width: 560px;

  --page-padding-desktop: 1rem;
  --page-padding-mobile: 0.625rem;

  /* Produto */
  --color-product-accent: #a9d9ef;
  --color-product-accent-hover: #96cfe9;

  /* Resumo */
  --color-summary-background: #dcedd1;
  --color-clear-background: #f7caca;
  --color-clear-background-hover: #f2b7b7;

  /* Checkout */
  --color-checkout-border: #cfd4da;
}