/* robertoparedes.com — capa de color y tipografia del sitio · sistema de diseno v3.1 (2026-11-08)

   A) Tokens v3.1: COPIA EXACTA de RP Brain Architect/03_ASSETS/[C] Sistema de Diseno/02 Tokens/[C] tokens.css.
      No se edita aqui: se cambia alla y se vuelve a copiar (lo vigila el guardian de marca v3.1).
   B) Ranuras del sitio (--c-*): el unico lugar donde el sitio decide que token pinta cada rol.
      Se declaran en :root, .t-dark y .t-light: una banda marfil (.t-light) las recalcula sola.
   Ninguna otra hoja del sitio escribe un color de la marca a mano. */

/* ── A · tokens v3.1 ─────────────────────────────────────────────────────── */
/* Roberto Paredes — Real Estate Strategist · tokens v3.1 · prefijo --rp-
   Verde nocturno (oscuro) es el predeterminado. Claro (marfil): data-theme="light" o clase .t-light.
   El chrome verde profundo no se invierte entre temas. */
:root,
.t-dark {
  --rp-primary: #C9A85C;
  --rp-primary-soft: #D8BC7E;
  --rp-on-primary: #0E1311;
  --rp-ink: #F6F1E7;
  --rp-body: #D2CCBF;
  --rp-muted: #A9A496;
  --rp-canvas: #0E1311;
  --rp-surface: #151B18;
  --rp-surface-sunken: #0A0E0C;
  --rp-hairline: #28322D;
  --rp-hairline-soft: #1E2622;
  --rp-gold: #C9A85C;
  --rp-gold-soft: #DCC07E;
  --rp-accent-text: #D4B06A;
  --rp-warning: #D9A852;
  --rp-green: #6BA585;
  --rp-navy: #8496C6;
  --rp-burgundy: #C9666F;
  color-scheme: dark;
}
:root[data-theme="light"],
.t-light {
  --rp-primary: #1E4436;
  --rp-primary-soft: #2C5545;
  --rp-on-primary: #F3ECE0;
  --rp-ink: #0E1612;
  --rp-body: #343B37;
  --rp-muted: #545A54;
  --rp-canvas: #FBF9F3;
  --rp-surface: #F2EFE6;
  --rp-surface-sunken: #E9E5D9;
  --rp-hairline: #DCD8CC;
  --rp-hairline-soft: #E8E4DA;
  --rp-gold: #B08A3E;
  --rp-gold-soft: #C9A85C;
  --rp-accent-text: #2E5A44;
  --rp-warning: #8F6212;
  --rp-green: #2E5A44;
  --rp-navy: #22365A;
  --rp-burgundy: #6B2027;
  color-scheme: light;
}
:root {
  --rp-chrome: #0B1E17;
  --rp-chrome-raised: #13291F;
  --rp-on-chrome: #F6F1E7;
  --rp-on-chrome-muted: rgba(246,241,231,0.84);
  --rp-on-chrome-subtle: rgba(246,241,231,0.62);
  --rp-chrome-hairline: rgba(236,229,214,0.12);
  --rp-chrome-wash: rgba(236,229,214,0.08);
  --rp-chrome-accent: #C9A85C;
  --rp-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --rp-font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --rp-font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --rp-fs-display: 58px;
  --rp-lh-display: 62px;
  --rp-fw-display: 500;
  --rp-ls-display: -0.02em;
  --rp-fs-title: 42px;
  --rp-lh-title: 46px;
  --rp-fw-title: 500;
  --rp-ls-title: -0.015em;
  --rp-fs-heading: 22px;
  --rp-lh-heading: 28px;
  --rp-fw-heading: 500;
  --rp-ls-heading: -0.005em;
  --rp-fs-figure: 34px;
  --rp-lh-figure: 38px;
  --rp-fw-figure: 500;
  --rp-ls-figure: -0.01em;
  --rp-fs-lead: 17px;
  --rp-lh-lead: 28px;
  --rp-fw-lead: 400;
  --rp-ls-lead: 0em;
  --rp-fs-quote: 20px;
  --rp-lh-quote: 30px;
  --rp-fw-quote: 400;
  --rp-ls-quote: 0em;
  --rp-fs-body: 15px;
  --rp-lh-body: 24px;
  --rp-fw-body: 400;
  --rp-ls-body: 0em;
  --rp-fs-small: 13px;
  --rp-lh-small: 19px;
  --rp-fw-small: 400;
  --rp-ls-small: 0em;
  --rp-fs-label-caps: 10.5px;
  --rp-lh-label-caps: 12px;
  --rp-fw-label-caps: 600;
  --rp-ls-label-caps: 0.14em;
  --rp-fs-button: 13px;
  --rp-lh-button: 13px;
  --rp-fw-button: 600;
  --rp-ls-button: 0.02em;
  --rp-fs-mono: 11.5px;
  --rp-lh-mono: 17px;
  --rp-fw-mono: 400;
  --rp-ls-mono: 0em;
  --rp-space-xs: 4px;
  --rp-space-sm: 8px;
  --rp-space-md: 12px;
  --rp-space-base: 16px;
  --rp-space-lg: 20px;
  --rp-space-xl: 24px;
  --rp-space-2xl: 28px;
  --rp-space-3xl: 36px;
  --rp-space-gutter: 56px;
  --rp-space-section: 80px;
  --rp-radius-xs: 2px;
  --rp-radius-sm: 3px;
  --rp-radius-md: 4px;
  --rp-radius-lg: 14px;
  --rp-radius-full: 999px;
  --rp-shadow-overlay: 0 1px 0 rgba(236,229,214,0.06) inset, 0 30px 80px rgba(0,0,0,0.55), 0 0 0 1px rgba(201,168,92,0.14);
  --rp-dur-hover: 120ms;
  --rp-dur-base: 200ms;
  --rp-dur-entrance: 320ms;
  --rp-dur-page: 360ms;
  --rp-ease-house: cubic-bezier(0.2, 0.7, 0.2, 1);
  --rp-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --rp-layout-sidebar: 248px;
  --rp-layout-reading: 1080px;
  --rp-layout-shell: 1280px;
}
/* ── fin del bloque A ───────────────────────────────────────────────────── */

/* ── B · ranuras del sitio ──────────────────────────────────────────────── */
:root,
.t-dark,
.t-light {
  /* Superficies */
  --c-base: var(--rp-canvas); /* fondo de pagina */
  --c-seccion: var(--rp-surface); /* secciones y paneles sobre la base */
  --c-seccion-2: var(--rp-surface); /* variante de seccion */
  --c-tarjeta: var(--rp-surface); /* tarjetas y modales */
  --c-elevada: var(--rp-hairline-soft); /* superficie elevada sobre tarjeta */
  --c-elevada-2: var(--rp-hairline-soft); /* superficie elevada (variante) */
  --c-borde-solido: var(--rp-hairline); /* borde y hover solidos */
  --c-borde-solido-2: var(--rp-muted); /* texto fantasma de la frase grande (problema) */
  --c-hondo: var(--rp-surface-sunken); /* pie y recesos */
  --c-gris-700: var(--rp-hairline); /* barra de desplazamiento */
  --c-gris-900: var(--rp-surface-sunken); /* receso neutro */
  /* Velos sobre foto y video (no se invierten: chrome) */
  --c-velo: var(--rp-chrome); /* velo y barra de navegacion */
  --c-velo-2: var(--rp-chrome); /* velo (variante) */
  --c-velo-3: var(--rp-chrome); /* velo del pie */
  --c-velo-4: var(--rp-chrome); /* velo de tarjetas y paneles */
  /* Tintas */
  --c-tinta: var(--rp-ink); /* texto principal */
  --c-tinta-2: var(--rp-ink);
  --c-tinta-3: var(--rp-ink);
  --c-tinta-4: var(--rp-ink);
  --c-tinta-6: var(--rp-ink);
  --c-tinta-7: var(--rp-ink);
  --c-champan: var(--rp-ink); /* enfasis claro de titulos */
  --c-cuerpo: var(--rp-body); /* texto de cuerpo */
  --c-cuerpo-2: var(--rp-body);
  --c-cuerpo-4: var(--rp-body);
  --c-cuerpo-5: var(--rp-body);
  --c-cuerpo-6: var(--rp-body);
  --c-cuerpo-7: var(--rp-body);
  --c-apagado: var(--rp-muted); /* etiquetas y terciarios */
  --c-apagado-2: var(--rp-muted);
  --c-apagado-3: var(--rp-muted);
  --c-apagado-4: var(--rp-muted);
  --c-apagado-5: var(--rp-muted);
  --c-apagado-6: var(--rp-muted);
  --c-apagado-7: var(--rp-muted);
  --c-apagado-9: var(--rp-muted);
  --c-apagado-10: var(--rp-muted);
  --c-sobre-primario: var(--rp-on-primary); /* texto sobre el boton primario */
  /* Filetes (se usan con transparencia: la tinta del tema a un %) */
  --c-linea: var(--rp-ink);
  --c-linea-hueso: var(--rp-ink);
  --c-linea-champan: var(--rp-ink);
  /* Oro y primario */
  --c-oro: var(--rp-gold); /* filetes, bordes, crest, rellenos de acento */
  --c-oro-texto: var(--rp-accent-text); /* oro como TEXTO (en claro pasa a verde: el oro nunca es texto sobre claro) */
  --c-oro-claro: var(--rp-gold-soft); /* oro claro de bordes y lavados */
  --c-oro-claro-texto: var(--rp-accent-text); /* enfasis dorado de texto */
  --c-primario: var(--rp-primary); /* fondo del boton primario (oro en noche, verde casa en marfil) */
  --c-primario-hover: var(--rp-primary-soft); /* hover del primario */
  --c-oro-hondo: var(--rp-gold);
  --c-oro-2: var(--rp-gold);
  --c-oro-3: var(--rp-gold);
  /* Estados */
  --c-error: var(--rp-burgundy); /* error y riesgo (burdeos = legal y tributario) */
  --c-exito: var(--rp-green); /* exito y verificado (verde = marca) */
  --c-aviso: var(--rp-warning); /* advertencia */
}

/* Banda marfil: una seccion con .t-light pinta su propio fondo y su tinta; sus componentes
   se adaptan solos porque todos leen ranuras. */
.t-light { background-color: var(--rp-canvas); color: var(--rp-ink); }