/* Capa 1 — primitivos. Ningún componente debe usar valores literales fuera de aquí. */

:root {
  /* Color — monocromo: blanco, negro y dos grises de filete */
  --p4-color-white: #ffffff;
  --p4-color-black: #000000;
  --p4-color-text: #000000;
  --p4-color-text-muted: #6b6b6b;
  --p4-color-border: #a9a9a9;
  --p4-color-border-soft: #e3e3e3;

  /* Color — instrumental del inspector. Fuera del monocromo a propósito:
     las cajas tienen que distinguirse entre sí. */
  --p4-color-line-box: #1a32a4;
  --p4-color-content-box: #1f7a3f;
  --p4-color-ink-box: #c94c07;
  --p4-color-baseline: #a5008f;

  /* Espaciado */
  --p4-spacing-4: 4px;
  --p4-spacing-8: 8px;
  --p4-spacing-12: 12px;
  --p4-spacing-16: 16px;
  --p4-spacing-20: 20px;
  --p4-spacing-24: 24px;
  --p4-spacing-32: 32px;
  --p4-spacing-40: 40px;
  --p4-spacing-56: 56px;
  --p4-spacing-64: 64px;
  --p4-spacing-96: 96px;

  /* Tamaños de texto del propio laboratorio */
  --p4-core-font-size-11: 11px;
  --p4-core-font-size-12: 12px;
  --p4-core-font-size-13: 13px;
  --p4-core-font-size-14: 14px;
  --p4-core-font-size-16: 16px;

  /* Interlineados */
  --p4-core-line-height-16: 16px;
  --p4-core-line-height-20: 20px;
  --p4-core-line-height-24: 24px;

  /* Pesos */
  --p4-core-font-weight-300: 300;
  --p4-core-font-weight-400: 400;
  --p4-core-font-weight-500: 500;
  --p4-core-font-weight-600: 600;
  --p4-core-font-weight-700: 700;

  /* Tracking */
  --p4-core-letter-spacing-0: 0;
  --p4-core-letter-spacing-0-04em: 0.04em;
  --p4-core-letter-spacing-0-16em: 0.16em;

  /* Caja */
  --p4-core-text-transform-none: none;
  --p4-core-text-transform-uppercase: uppercase;

  /* Trazo del inspector */
  --p4-core-hairline: 1px;
}