/* ════════════════════════════════════════════════════════════════
   Vera — askmira.es/vera
   Shares the Mira design system (../style.css); this file only swaps
   the accent to Vera's brand teal and adds Vera-specific components.
   Must be linked AFTER ../style.css.
   ════════════════════════════════════════════════════════════════ */

/* ── Vera brand teal (DESIGN.md dark cyan / deep teal) ──────── */
:root {
  --accent:     #4FC9CE;
  --accent-hov: #74D6DA;

  --a12: rgba(79,201,206,.12);
  --a15: rgba(79,201,206,.15);
  --a18: rgba(79,201,206,.18);
  --a20: rgba(79,201,206,.20);
  --a25: rgba(79,201,206,.25);
  --a30: rgba(79,201,206,.30);
}

[data-theme="light"] {
  --accent:     #0B7C7E;
  --accent-hov: #096567;

  --a12: rgba(11,124,126,.10);
  --a15: rgba(11,124,126,.12);
  --a18: rgba(11,124,126,.14);
  --a20: rgba(11,124,126,.17);
  --a25: rgba(11,124,126,.22);
  --a30: rgba(11,124,126,.24);
}

/* ── Code chip used in the hero (the markdown-in-repos motif) ── */
.repo-chip {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 0.72rem;
  color: var(--accent);
  background: var(--a18);
  border: 1px solid var(--a30);
  border-radius: 6px;
  padding: 0.15em 0.5em;
  white-space: nowrap;
}

/* Vera's hero has no demo panel; tighten the bottom rhythm a bit. */
.hero-sub {
  font-size: 0.74rem;
  color: var(--dim);
  margin: 1.4rem 0 0;
}