/* Palominoss — tokens de marca. CSS plano, sin build. */
:root {
  /* Marca */
  --brand:        #00330D; /* verde oscuro: isotipo, logotipo, bandas, encabezados */
  --brand-700:    #05481A; /* hover de banda / borde sobre oscuro */
  --accent:       #00B848; /* verde brillante: acento, botón primario, numeración */
  --accent-700:   #009A3C; /* hover del botón primario */
  --apple:        #E0F5E4; /* verde manzana: color de marca. Marco, portadas, no fondo de tabla */
  --apple-050:    #F2FBF4; /* fondo de página del portal (manzana al 40%) */

  /* Superficies y texto */
  --paper:        #FFFFFF; /* papel y superficie de panel: tablas, formularios, plata */
  --surface:      #FFFFFF;
  --ink:          #102915; /* texto principal */
  --muted:        #55705C; /* texto secundario */
  --line:         #D2E6D8; /* líneas de tabla y separadores */
  --line-strong:  #B0CDB9;

  /* Estados */
  --ok:           #008A3B;
  --warn:         #B26A00;
  --error:        #B3261E;

  /* Tipografía */
  --font-display: Archivo, Helvetica, Arial, sans-serif;      /* títulos y logotipo */
  --font-text:    'IBM Plex Sans', Helvetica, Arial, sans-serif; /* texto y cifras tabulares */
  --font-mono:    'IBM Plex Mono', ui-monospace, monospace;   /* referencias, códigos */

  /* Escala — pantalla */
  --fs-display: 32px; --lh-display: 1.08;
  --fs-h1:      24px; --lh-h1:      1.15;
  --fs-h2:      19px; --lh-h2:      1.25;
  --fs-body:    16px; --lh-body:    1.55;
  --fs-small:   14px; --lh-small:   1.5;
  --fs-micro:   12px; --lh-micro:   1.45;

  /* Espaciado, radios, sombras */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --r-sm: 2px; --r-md: 4px; --r-lg: 8px;
  --shadow-1: 0 1px 2px rgba(10,61,34,.08);
  --shadow-2: 0 4px 14px rgba(10,61,34,.10);

  /* Táctil en obra */
  --touch: 44px; --touch-primary: 56px;
}

/* Cifras tabulares en toda tabla de plata o metraje */
table, .num, .money { font-variant-numeric: tabular-nums; }

/* Piezas impresas: A4, márgenes 34pt, cuerpo 12pt, 30pt libres al pie */
@page { size: A4 portrait; margin: 34pt; }
@media print {
  :root { --fs-body: 12pt; --lh-body: 1.45; }
  body { background: #fff; color: #000; }
  .page-tail { min-height: 30pt; }
}