/**
 * Rep Rent — tokens de color (fuente única).
 * Negro + dorado en panel, landing y catálogo público.
 */
:root {
  --rp-black: #0a0a0a;
  --rp-off-black: #111111;
  --rp-dark: #181818;
  --rp-dark-light: #242424;
  --rp-surface: #141414;
  --rp-surface-raised: #1c1c1c;

  --rp-gold: #c9a84c;
  --rp-gold-light: #e8c96a;
  --rp-gold-dim: #8a6f30;

  --rp-white: #f5f5f0;
  --rp-white-dim: rgba(245, 245, 240, 0.55);
  --rp-white-faint: rgba(245, 245, 240, 0.1);
  --rp-line: rgba(245, 245, 240, 0.1);

  --rp-hue-gold: 43;
  --rp-glow-gold: 0 0 20px rgba(201, 168, 76, 0.25);
  --emerald-500: var(--rp-gold);
  --rp-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Alias usados en landing / público */
  --black: var(--rp-black);
  --off-black: var(--rp-off-black);
  --dark: var(--rp-dark);
  --gold: var(--rp-gold);
  --gold-light: var(--rp-gold-light);
  --gold-dim: var(--rp-gold-dim);
  --white: var(--rp-white);
  --white-dim: var(--rp-white-dim);
  --white-faint: var(--rp-white-faint);
}