/* Identidad propia de Roshym, «Piedra y arco» (aprobada por Alberto 27-oct-2026): piedra de Jerusalén,
 * azul tejelet, granada; Frank Ruhl Libre + Rubik (las dos con hebreo). Pisa los tokens de @theme de
 * src/index.css; los componentes no cambian. Lo carga index.html. */
@import url('https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@500;700;800&family=Rubik:wght@400;500;600;700&display=swap');
:root:root {
  --font-sans: 'Rubik', 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Frank Ruhl Libre', Georgia, serif;
  --color-paper: #efe5d3;
  --color-paper-2: #e4d6bd;
  --color-ink: #152a4a;
  --color-ink-2: #2c3f5f;
  --color-ink-3: #5d6a80;
  --color-navy: #152a4a;
  --color-navy-2: #1f3a63;
  --color-gold: #2459a8;
  --color-gold-2: #1d4b8f;
  --color-line: #d6c7aa;
}
html body { letter-spacing: 0; }
body::before {
  content: ""; display: block; height: 6px;
  background: repeating-linear-gradient(90deg, #2459a8 0 18px, #efe5d3 18px 24px, #a3253b 24px 30px, #efe5d3 30px 36px);
}
.h-display { font-weight: 800; letter-spacing: -0.01em; }
.eyebrow { color: #a3253b; letter-spacing: .02em; }
.card { border-color: rgb(21 42 74 / .1); border-radius: 14px; }
.btn { border-radius: 8px; }
.btn-primary:hover:not(:disabled), .btn-gold:hover:not(:disabled) { background: #1d4b8f; }
.btn-ghost:hover:not(:disabled) { background: rgb(36 89 168 / .07); }
.input:focus { box-shadow: 0 0 0 4px rgb(36 89 168 / .15); }
/* Colores fijos que quedaron en las clases (estilo Apple): se pasan a la paleta nueva */
.bg-black { background: radial-gradient(circle at 50% 0, #2459a8 0, transparent 62%), #152a4a; }
.bg-\[\#0071e3\] { background-color: #2459a8; }
.text-\[\#0071e3\] { color: #2459a8; }
.text-\[\#2997ff\] { color: #e3cf9f; }
.bg-\[\#2997ff\] { background-color: #e3cf9f; }
.border-\[\#0071e3\]\/40 { border-color: rgb(36 89 168 / .4); }
.bg-\[rgba\(251\,251\,253\,0\.8\)\] { background-color: rgb(239 229 211 / .9); }