/*
Theme Name: tj537 Logbook
Description: Dark, space-flavoured child theme of Twenty Twenty-Five for Tom's logbook. Purple leads, acid green marks what is live.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Text Domain: tj537-logbook
License: GPL-2.0-or-later
*/

/* Night sky behind everything: a faint starfield and one purple planet glow. */
body {
  background-color: var(--wp--preset--color--base);
  background-image:
    radial-gradient(50rem 30rem at 92% -8%, rgb(194 107 255 / 0.16), transparent 60%),
    radial-gradient(1px 1px at 20px 30px, rgb(255 255 255 / 0.45), transparent),
    radial-gradient(1px 1px at 140px 90px, rgb(214 208 255 / 0.35), transparent),
    radial-gradient(1.5px 1.5px at 75px 160px, rgb(232 200 255 / 0.4), transparent);
  background-size: auto, 197px 211px, 263px 241px, 331px 307px;
  background-attachment: fixed;
}

/* The site title gets the acid "online" dot, like the dashboard. */
.wp-block-site-title a::before {
  content: "";
  display: inline-block;
  width: 0.62em;
  height: 0.62em;
  margin-right: 0.55em;
  border-radius: 50%;
  background: var(--wp--preset--color--accent-3);
  box-shadow: 0 0 0 0.16em var(--wp--preset--color--base), 0 0 0 0.24em rgb(200 255 61 / 0.45);
  vertical-align: 0.04em;
}

/* Cards: entries and projects. */
.logbook-card {
  border: 1px solid var(--wp--preset--color--accent-6);
  border-radius: 16px;
  background: rgb(26 23 48 / 0.72);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.logbook-card:hover { border-color: var(--wp--preset--color--accent-1); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) {
  .logbook-card, .logbook-card:hover { transition: none; transform: none; }
}

/* Small language/tech label on project cards. */
.logbook-tag {
  display: inline-block;
  padding: 0.15em 0.75em;
  border-radius: 999px;
  background: rgb(124 108 255 / 0.14);
  color: var(--wp--preset--color--accent-2);
  font-size: var(--wp--preset--font-size--small);
}

:where(a, button, input, textarea):focus-visible {
  outline: 2px solid var(--wp--preset--color--accent-3);
  outline-offset: 2px;
}

/* Card headings are links already; the underline only adds noise there. */
.logbook-card :where(h2, h3) a,
.wp-block-post-title a { text-decoration: none; }
.logbook-card :where(h2, h3) a:hover,
.wp-block-post-title a:hover { color: var(--wp--preset--color--accent-3); }