/* Tema do site — Emely Moda Festa. Contrato de Site v1. Troque os VALORES; nunca os nomes. */
:root {
  /* Cores principais */
  --color-primary: #111111;
  --color-secondary: #2B2B29;
  --color-accent: #6B6358;
  /* Cores de superfície */
  --color-background: #FAFAF7;
  --color-card: #FFFFFF;
  --color-muted: #F1F1EC;
  /* Cores de texto */
  --color-text-light: #FFFFFF;
  --color-text-dark: #111111;
  --color-text-muted: #5E5E59;
  /* Cores de feedback */
  --color-success: #3F6B4A;
  --color-error: #A3372B;
  /* Cores salvas */
  --color-saved-1: #E3E3DD;

  /* Título 1 */
  --type-h1-family: "Geist", sans-serif;
  --type-h1-size: 64px;
  --type-h1-weight: 300;
  --type-h1-line-height: 1.06;
  --type-h1-letter-spacing: -0.03em;
  --type-h1-style: normal;
  /* Título 2 */
  --type-h2-family: "Geist", sans-serif;
  --type-h2-size: 46px;
  --type-h2-weight: 300;
  --type-h2-line-height: 1.1;
  --type-h2-letter-spacing: -0.025em;
  --type-h2-style: normal;
  /* Título 3 */
  --type-h3-family: "Geist", sans-serif;
  --type-h3-size: 24px;
  --type-h3-weight: 400;
  --type-h3-line-height: 1.15;
  --type-h3-letter-spacing: -0.015em;
  --type-h3-style: normal;
  /* Título 4 */
  --type-h4-family: "Geist", sans-serif;
  --type-h4-size: 19px;
  --type-h4-weight: 500;
  --type-h4-line-height: 1.35;
  --type-h4-letter-spacing: -0.01em;
  --type-h4-style: normal;
  /* Título 5 */
  --type-h5-family: "Geist", sans-serif;
  --type-h5-size: 15px;
  --type-h5-weight: 500;
  --type-h5-line-height: 1.4;
  --type-h5-letter-spacing: -0.005em;
  --type-h5-style: normal;
  /* Título 6 */
  --type-h6-family: "Geist", sans-serif;
  --type-h6-size: 12px;
  --type-h6-weight: 500;
  --type-h6-line-height: 1.3;
  --type-h6-letter-spacing: 0.16em;
  --type-h6-style: normal;
  /* Texto grande */
  --type-text-lg-family: "Geist", sans-serif;
  --type-text-lg-size: 19px;
  --type-text-lg-weight: 300;
  --type-text-lg-line-height: 1.5;
  --type-text-lg-letter-spacing: -0.012em;
  --type-text-lg-style: normal;
  /* Texto médio */
  --type-text-md-family: "Geist", sans-serif;
  --type-text-md-size: 17px;
  --type-text-md-weight: 400;
  --type-text-md-line-height: 1.6;
  --type-text-md-letter-spacing: -0.005em;
  --type-text-md-style: normal;
  /* Texto pequeno */
  --type-text-sm-family: "Geist", sans-serif;
  --type-text-sm-size: 14px;
  --type-text-sm-weight: 400;
  --type-text-sm-line-height: 1.5;
  --type-text-sm-letter-spacing: 0em;
  --type-text-sm-style: normal;

  /* Botão grande */
  --button-lg-family: "Geist", sans-serif;
  --button-lg-size: 15px;
  --button-lg-weight: 500;
  --button-lg-letter-spacing: -0.005em;
  --button-lg-transform: none;
  --button-lg-padding-y: 15px;
  --button-lg-padding-x: 28px;
  /* Botão médio */
  --button-md-family: "Geist", sans-serif;
  --button-md-size: 15px;
  --button-md-weight: 500;
  --button-md-letter-spacing: -0.005em;
  --button-md-transform: none;
  --button-md-padding-y: 13px;
  --button-md-padding-x: 24px;
  /* Botão pequeno */
  --button-sm-family: "Geist", sans-serif;
  --button-sm-size: 14px;
  --button-sm-weight: 500;
  --button-sm-letter-spacing: -0.005em;
  --button-sm-transform: none;
  --button-sm-padding-y: 10px;
  --button-sm-padding-x: 20px;

  /* Borda grande */
  --border-lg-width: 1px;
  --border-lg-style: solid;
  --border-lg-color: var(--color-text-dark);
  --border-lg-radius: 999px;
  /* Borda média */
  --border-md-width: 1px;
  --border-md-style: solid;
  --border-md-color: var(--color-saved-1);
  --border-md-radius: 0px;
  /* Borda pequena */
  --border-sm-width: 1px;
  --border-sm-style: solid;
  --border-sm-color: var(--color-saved-1);
  --border-sm-radius: 0px;

  /* Sombras (caixa e texto) */
  --shadow-sm: 0px 1px 2px 0px #1111110F;
  --shadow-md: 0px 12px 32px -16px #11111129;
  --shadow-lg: 0px 30px 60px -30px #11111140;
  --text-shadow-sm: 0px 1px 2px #11111126;
  --text-shadow-md: 0px 2px 24px #11111140;
  --text-shadow-lg: 0px 4px 48px #11111159;

  /* Layout */
  --container-max: 1280px;
  --container-padding: 32px;
  --section-padding-y: 160px;
}

/* Celular (até 767px): só tamanhos e espaçamentos */
@media (max-width: 767px) {
  :root {
    --type-h1-size: 40px;
    --type-h2-size: 32px;
    --type-h3-size: 21px;
    --type-h4-size: 17px;
    --type-h5-size: 14px;
    --type-h6-size: 11px;
    --type-text-lg-size: 17px;
    --type-text-md-size: 16px;
    --type-text-sm-size: 13px;
    --button-lg-size: 15px;
    --button-md-size: 15px;
    --button-sm-size: 14px;
    --container-padding: 20px;
    --section-padding-y: 96px;
  }
}