:root {
  --color-bg: #0b0d10;
  --color-bg-elevated: #14171c;
  --color-text: #f4f4f2;
  --color-text-muted: #9aa0a8;
  --color-accent: #4fd1c5;
  /* Solo para el subrayado de ==resaltado== en el teleprompter: NO puede ser
     --color-accent, porque el resaltado de la palabra que se está leyendo pinta
     el fondo con ese mismo color y el subrayado quedaría invisible encima. */
  --color-mark: #f6c945;
  --color-danger: #e5484d;
  /* Identidad de la línea v2: la v1 sigue online en pechakucher.pages.dev y
     las dos tienen que distinguirse de un vistazo (franja del cabezal, badge
     de versión, theme_color del manifest). Lavanda a propósito: lejos del
     acento turquesa, del ámbar de ==resaltado== y del rojo de peligro. */
  --color-edition: #a78bfa;
  --color-border: #262a30;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;

  --radius: 10px;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  overscroll-behavior: none;
}

#app {
  min-height: 100vh;
  min-height: 100dvh;
}

.view {
  min-height: 100vh;
  min-height: 100dvh;
}

/* El atributo hidden tiene que ganarle a cualquier display: del autor (un
   .format-row__custom { display: inline-flex } lo dejaba visible). */
[hidden] {
  display: none !important;
}

.muted {
  color: var(--color-text-muted);
}

button {
  font-family: inherit;
  cursor: pointer;
}

h1 {
  margin: 0 0 var(--space-3);
}