/* --- CRT Retro Theme variables (self-contained; safe if site vars already exist) --- */
:root {
  --bg: #0b0f0c;
  --bg-soft: #0f140f;
  --text: #c8ffd6;
  --text-dim: #84b89a;
  --brand: #76ff9f;
  --accent: #a7ffb8;
  --link: #7bffb5;
  --muted: #0c120d;
  --code: #081009;
  --radius: 10px;
  --shadow: 0 12px 32px rgba(0,0,0,.5);
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.theme-amber {
  --bg: #0f0c08;
  --bg-soft: #150f08;
  --text: #ffe7c2;
  --text-dim: #c7ae8b;
  --brand: #ffbd6b;
  --accent: #ffd49a;
  --link: #ffcf88;
  --muted: #120e09;
  --code: #0d0a06;
}

/* Reset (kept) */
body, h1, p, form { margin: 0; padding: 0; }

/* Base */
body {
  font-family: var(--mono);
  background-color: var(--bg);
  color: var(--text);
  padding: 20px;
  text-shadow: 0 0 2px color-mix(in srgb, var(--brand) 35%, transparent);
}

/* Headings */
h1, h2 {
  font-size: 2em;
  margin-bottom: 20px;
  text-align: center;
  color: var(--brand);
}

/* Text */
p { margin-bottom: 20px; line-height: 1.6; color: var(--text); }

/* Form shell */
form {
  background-color: var(--bg-soft);
  padding: 20px;
  border-radius: var(--radius);
  margin-bottom: 20px;
  border: 1px solid color-mix(in srgb, var(--brand) 30%, transparent);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), var(--shadow);
}

/* Inputs */
input[type="text"], input[type="email"], input[type="url"], textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px dashed color-mix(in srgb, var(--brand) 45%, transparent);
  border-radius: 8px;
  background-color: var(--code);
  color: var(--text);
  font-size: 1em;
}
input::placeholder, textarea::placeholder { color: var(--text-dim); }
input:focus, textarea:focus {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-style: solid;
}

/* Submit button */
input[type="submit"] {
  background-color: var(--brand);
  color: var(--bg);
  padding: 10px 20px;
  border: 1px solid color-mix(in srgb, var(--brand) 40%, transparent);
  border-radius: 8px;
  cursor: pointer;
  transition: filter .2s ease, transform .02s ease;
  font-size: 1em;
}
input[type="submit"]:hover { filter: brightness(1.08); }
input[type="submit"]:active { transform: translateY(1px); }

/* Entries */
.entry {
  background-color: var(--bg-soft);
  padding: 15px;
  margin-bottom: 20px;
  border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--brand) 30%, transparent);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.35), var(--shadow);
}
.entry-name {
  font-weight: 700;
  font-size: 1.05em;
  color: var(--brand);
}
.entry-email {
  font-style: italic;
  color: var(--text-dim);
  margin-left: 10px;
}
.entry-message {
  margin-top: 10px;
  font-size: 1.05em;
  color: var(--text);
  white-space: pre-wrap;
}

/* Links (inside entries/messages) */
.entry a, p a {
  color: var(--link);
  text-decoration: none;
  border-bottom: 1px dotted color-mix(in srgb, var(--link) 60%, transparent);
}
.entry a:hover, p a:hover { border-bottom-style: solid; }