/*
  descarte+ — design tokens
  Fonte única da verdade para cores, tipografia, espaçamento e outros
  valores compartilhados entre componentes e páginas.
*/
:root {
  /* Cores de marca */
  --color-primary: #2e6a4f;
  --color-cta: #008863;
  --color-cta-hover: #00714f;
  --color-cta-active: #005f45;

  /* Texto */
  --color-text: #0c0d0d;
  --color-text-secondary: #5b5b5b;
  --color-text-on-dark: rgba(255, 255, 255, 0.85);
  --color-white: #ffffff;

  /* Fundos */
  --color-bg: #ffffff;
  --color-bg-muted: #f5f5f5;
  --color-header-bg: #111111;
  --color-header-topbar: #2c2c2c;
  --color-footer-bg: #161616;
  --color-copyright-bg: #000000;

  /* Bordas e estados */
  --color-border: #d0d0d8;
  --color-error: #c0341f;
  --color-focus-ring: #2e6a4f;

  /* Tipografia */
  --font-base: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;

  /* Raios */
  --radius-pill: 999px;
  --radius-lg: 30px;
  --radius-md: 16px;
  --radius-sm: 8px;

  /* Sombras */
  --shadow-card: 0 0 2.7px 0 rgba(0, 0, 0, 0.1);
  --shadow-collage: 0 0 4px 2px rgba(0, 0, 0, 0.15);

  /* Layout */
  --container-max: 1320px;
  --container-padding: 20px;

  /* Transições */
  --transition-base: 180ms ease;
}

@media (min-width: 768px) {
  :root {
    --container-padding: 40px;
  }
}

@media (min-width: 1440px) {
  :root {
    --container-padding: 80px;
  }
}