/* ORVEO — design tokens v1.0 */
:root {
  --or-iron: #0F1417;  /* Texto principal, fondos oscuros */
  --or-graphite: #1D262E;  /* Superficies oscuras secundarias */
  --or-slate: #5C6874;  /* Texto secundario, bordes */
  --or-forge: #B94C1B;  /* Acento de marca: botones, enlaces */
  --or-ember: #F0894A;  /* Acento sobre fondo oscuro */
  --or-sand: #F2EDE8;  /* Bloques y tarjetas sobre claro */
  --or-paper: #FBFAF8;  /* Fondo de página */

  --or-font-display: "Sora", system-ui, sans-serif;
  --or-font-body: "Inter", system-ui, sans-serif;
  --or-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --or-display-size: 48px;
  --or-display-leading: 52px;
  --or-h1-size: 32px;
  --or-h1-leading: 38px;
  --or-h2-size: 22px;
  --or-h2-leading: 28px;
  --or-body-size: 16px;
  --or-body-leading: 26px;
  --or-small-size: 14px;
  --or-small-leading: 22px;
  --or-label-size: 12px;
  --or-label-leading: 16px;
  --or-code-size: 14px;
  --or-code-leading: 22px;

  --or-radius: 10px;
  --or-radius-lg: 16px;
}

body {
  font-family: var(--or-font-body);
  font-size: var(--or-body-size);
  line-height: var(--or-body-leading);
  color: var(--or-iron);
  background: var(--or-paper);
}

h1, h2, h3 {
  font-family: var(--or-font-display);
  font-weight: 600;
  letter-spacing: -0.03em;
}

code, pre { font-family: var(--or-font-mono); }
a { color: var(--or-forge); }

/* El descriptor siempre en mayusculas con tracking amplio */
.or-descriptor {
  font-family: var(--or-font-body);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.28em;
  color: var(--or-slate);
}

/* Sobre fondo oscuro el acento pasa a Ember: Forge no contrasta sobre Iron */
.or-dark {
  background: var(--or-iron);
  color: #FFFFFF;
}
.or-dark a { color: var(--or-ember); }