/* tokens.css — fuente única de verdad del brand system TFG */
:root {
  /* Paleta primaria · Workshop + Aged Copper */
  --iron: #1A1714;
  --bone: #F0EBE1;
  --aged-copper: #8A5A35;
  --stone: #8B867E;
  --linen: #D8D2C7;

  /* Soportes neutros */
  --text-2: #4A4239;
  --paper: #FBF8F2;

  /* HSBC excepción · uso exclusivo módulo bancario cotizaciones */
  --hsbc: #DB0011;

  /* Tipografía */
  --font-sans: 'DM Sans', system-ui, sans-serif;
  --font-mono: 'DM Mono', 'Courier New', monospace;

  /* Escala tipográfica canónica */
  --t-hero-monumental: 128px;
  --t-hero: 28px;
  --t-h2: 20px;
  --t-body: 14px;
  --t-caption: 12px;
  --t-eyebrow: 10px;
  --t-data: 14px;
  --t-label: 9px;

  /* Spacing scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
}

/* Reset + base */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: var(--bone);
  color: var(--iron);
  font-family: var(--font-sans);
  font-size: var(--t-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--aged-copper); }
button { font-family: inherit; cursor: pointer; }

/* Utility · DM Mono */
.mono { font-family: var(--font-mono); }
.eyebrow {
  font-family: var(--font-mono);
  font-size: var(--t-eyebrow);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--stone);
}
.data { font-family: var(--font-mono); letter-spacing: 0.06em; }
.label-mono {
  font-family: var(--font-mono);
  font-size: var(--t-label);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--stone);
}