/* Hallmark · tokens · theme: studied-DNA (source: https://streamnet.cc, sitio propio)
 * paper #0C0909 (v4) · accent #D6323C · display Archivo · mono JetBrains Mono · ver design.md
 * Fuente única de colores y tipografías: luego pasa a theme.json del tema de WordPress.
 */

:root {
  /* Superficies */
  /* v4: un tono más bajo que v3 (#0F0809), más cerca del negro original #0A0A0A */
  --color-paper: #0C0909;
  --color-paper-0: #060404;  /* cajas que necesitan más contraste (categorías) */
  --color-paper-2: #130E0F;
  --color-paper-3: #1A1414;
  --color-rule: #2B201F;
  --color-rule-2: #402C2C;

  /* Cabecera: el tramo más intenso de la página */
  --color-head: rgba(74, 12, 19, 0.82);
  --color-head-2: rgba(42, 6, 11, 0.86);
  --color-head-rule: #7A1A23;

  /* Texto */
  --color-ink: #E8E3D9;
  --color-ink-2: #B5AFA4;   /* nuevo: gris legible para etiquetas chicas */
  --color-ink-3: #8C7F79;   /* solo textos grandes o decorativos */

  /* Marca */
  --color-accent: #D6323C;
  --color-accent-hi: #E8454F;
  --color-accent-ink: #FFF5F2;
  --color-glow: #2B0507;
  --color-glow-hi: #3A0A10;   /* resplandor de la portada (v4) */
  --color-glow-soft: #1C080A; /* resplandores del resto de la página (v4) */
  --color-bezel-hi: #5E5A55;  /* marco de la tablet */
  --color-bezel: #1A1817;
  --color-bezel-lo: #131110;
  --color-screen: #060606;
  --color-ember: rgba(214, 50, 60, 0.34);
  --color-ember-2: rgba(214, 50, 60, 0.10);
  --color-shadow: rgba(0, 0, 0, 0.8);
  --color-ok: #4FBF8B;
  --color-focus: #E8454F;

  /* Tipografía */
  --font-display: "Archivo", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --text-label: 0.78rem;    /* antes ~9px: ahora 12.5px mínimo */
  --text-small: 0.875rem;
  --text-body: 1rem;
  --text-lead: clamp(1.05rem, 0.9rem + 0.5vw, 1.2rem);
  --text-h3: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
  --text-h2: clamp(1.9rem, 1.3rem + 2.6vw, 3.1rem);
  --text-h1: clamp(2.6rem, 1.4rem + 5.4vw, 5.6rem);

  /* Espacio */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;

  --radius-1: 4px;
  --radius-2: 8px;
  --rule-1: 1px solid var(--color-rule);
  --rule-2: 1px solid var(--color-rule-2);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-1: 140ms;
  --dur-2: 260ms;

  --wrap: 1180px;
  --gutter: clamp(1rem, 0.6rem + 2vw, 2rem);
}