/*
  Tokens de marca de Anbieter, para su sitio institucional. Mismos nombres que
  valto.css, para que los templates no cambien al cambiar de hoja.
  Fuente: relevamiento/03-marca-anbieter-manual-de-marca.md, pp. 37-44.
  Lo marcado DERIVADO no está en el manual: lo agregamos porque una pantalla lo
  necesita y hay que validarlo con Pizca.
*/
:root {
  /* Paleta del manual. Proporción: 45% blanco, 25% negro, 25% gris, 5% verde. */
  --color-crema: #fffaf5;
  --color-negro: #1c1c1b;
  --color-gris: #a8aba8;
  --color-verde: #62dd68; /* "Muy puntual": punto, subrayado, flecha. Nunca protagonista ni texto (1,7:1 sobre crema). */

  /* Roles. */
  --color-fondo: var(--color-crema);
  --color-texto: var(--color-negro);
  --color-accion: var(--color-negro); /* el botón es negro: el verde no puede sostener una acción */
  --color-sobre-accion: var(--color-crema);
  --color-sobre-verde: var(--color-negro);

  /* DERIVADOS, por contraste y estados. */
  --color-superficie: #f4efe9;
  --color-texto-secundario: #6f716f; /* 4,7:1. #a8aba8 da 2,2:1: sirve solo en títulos grandes, en dos tonos. */
  --color-negro-hover: #33332f;
  --color-borde: #e6e2dc;
  --color-foto: #d9d6d1; /* relleno de foto en wireframe; se va con las fotos reales */
  --color-error: #b3261e;

  /* Tipografía: Switzer es la única familia del texto. El wordmark tiene la suya y no se entregó. */
  --font-sans: "Switzer", "Inter Tight", system-ui, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --text-aclaracion: 14px;
  --text-texto: 18px;
  --text-subtitulo: 24px;
  --text-titulo: 44px;
  --text-display: 72px;
  --tracking-display: -0.02em;
  --tracking-versal: 0.08em;
  --leading-texto: 28px;
  --leading-titulo: 52px;

  /* Forma: píldoras de borde fino y tarjetas redondeadas (mockups, pp. 57-60). Medidas DERIVADAS del mockup. */
  --radius-sm: 12px;
  --radius-card: 24px;
  --radius-pill: 999px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-4: 16px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-24: 96px;

  /* Logo: ancho mínimo en digital (p. 32) y área de respeto: 1X, el alto de la "A" (p. 31). */
  --logo-min-principal: 88px;
  --logo-min-sin-bajada: 26px;
  --logo-min-isotipo: 9px;
}