/*
 * Tokens de diseño de EVIDENZA.
 * Los colores de marca replican packages/branding/tokens.json; tests/web-structure.test.mjs
 * comprueba que no se desalineen.
 */
:root {
  /* Marca */
  --c-navy: #08234b;
  --c-primary: #075bff;
  --c-gold: #f4b820;
  --c-surface: #ffffff;
  --c-background: #f4f6f9;
  --c-ins-extintores: #b91c1c;
  --c-ins-electrica: #d97706;
  --c-ins-orden: #0d9488;

  /* Texto y superficies derivados */
  --c-ink: var(--c-navy);
  --c-ink-soft: #4f5f79;
  --c-line: #e2e8f1;
  --c-line-strong: #cfd8e6;
  --c-tint: #f5f7fa;
  --c-tint-strong: #eef0f5;
  --c-primary-tint: #e4eeff;
  --c-primary-ink: #0647cc;
  --c-success-tint: #e1f6ea;
  --c-success-ink: #166534;
  --c-warning-tint: #fdf1d3;
  --c-warning-ink: #8a5300;
  --c-danger-tint: #fde8e8;
  --c-danger-ink: #a11a1a;

  /* Sello sobre la fotografía (franjas translúcidas) */
  --stamp-panel: rgb(12 31 68 / 0.84);
  --stamp-strip: rgb(4 17 58 / 0.94);
  --stamp-ink: #ffffff;
  --stamp-ink-soft: rgb(255 255 255 / 0.86);
  --band-opacity: 0.78;

  /* Tipografía: pila de sistema. La referencia usa una sans geométrica; ver docs/ots/OT-01. */
  --font-sans: 'Inter', 'Segoe UI Variable Text', 'Segoe UI', system-ui, -apple-system, 'Roboto', 'Helvetica Neue', Arial,
    sans-serif;

  /* Forma */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgb(8 35 75 / 0.05), 0 10px 28px rgb(8 35 75 / 0.07);
  --shadow-float: 0 12px 40px rgb(8 35 75 / 0.24);

  /* Medidas */
  --tap: 44px;
  --gutter: clamp(12px, 3.2vw, 40px);
  --page-max: 1320px;
  --aside-w: 292px;
}