/*
  Paleta de cores e tokens de design — zonato todeschi Advocacia
  ------------------------------------------------------------------
  Este arquivo concentra TODAS as variáveis de tema do site.
  Para trocar a identidade visual no futuro, basta editar os valores
  aqui — nenhum outro arquivo CSS precisa ser tocado.
*/

:root {
  /* ===== Paleta base (preto & prata) ===== */
  --color-black: #0b0b0c;
  --color-black-soft: #17181a;
  --color-charcoal: #2b2c2f;
  --color-silver-dark: #8a8d91;
  --color-silver: #c3c6ca;
  --color-silver-light: #e9eaec;
  --color-white: #ffffff;
  --color-offwhite: #f6f6f7;

  /* ===== Tokens semânticos (usados no restante do CSS) ===== */
  --color-bg: var(--color-white);
  --color-bg-alt: var(--color-offwhite);
  --color-surface: var(--color-white);

  --color-header-bg: var(--color-black);
  --color-footer-bg: var(--color-black);

  --color-text: var(--color-black-soft);
  --color-text-muted: #5c5e62;
  --color-text-on-dark: var(--color-silver-light);
  --color-text-on-dark-muted: #aeb0b3;

  --color-heading: var(--color-black);
  --color-border: #e2e3e5;
  --color-border-dark: #3a3b3e;

  --color-accent: var(--color-silver-dark);
  --color-accent-strong: var(--color-silver-light);
  --color-focus: #b3b6bb;

  --color-whatsapp: var(--color-silver);

  /* Gradiente "metálico" usado em detalhes, ícones e no logo */
  --gradient-metal: linear-gradient(135deg, #9a9da1 0%, #f2f3f4 45%, #c3c6ca 70%, #7d8085 100%);

  /* ===== Tipografia ===== */
  --font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: "Montserrat", -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ===== Espaçamento ===== */
  --space-3xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* ===== Layout ===== */
  --container-width: 1180px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --header-height: 76px;

  /* ===== Sombra e transição ===== */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.10);
  --transition-fast: 0.18s ease;
  --transition-base: 0.3s ease;
}