/* theme8 — "Stripe" (UX-031)
 * Olive-tinted ground, burnt-orange accent, and the preset's signature kept: a
 * thick accent stripe down the left edge of every panel and every social row,
 * with square-ish corners so the stripe reads as a rule rather than as a curve.
 *
 * The stripe was `var(--color1)` — owner data — and it stays owner data, because
 * a stripe carries no text: if an owner's --color1 is near-white the stripe
 * simply disappears and the page is plain, which is a cosmetic outcome, not an
 * unreadable one. The fallback to --accent covers a page that stores no colour
 * at all. */
:root {
  --bg-page: #f1f2ef;
  --panel: #ffffff;
  --chip: #eef0ea;
  --line: #e3e6dd;

  --ink-1: #16180f;
  --ink-2: #515545;
  --ink-3: #5c6150;

  --accent: #8a3b12;
  --accent-soft: #f7ece4;
  --on-accent: #ffffff;

  --bar-bg: #16180f;
  --bar-ink: #ffffff;
  --overlay-bg: #0b0c07;

  --radius-panel: 8px;
  --radius-inner: 6px;
  --radius-control: 6px;
  --shadow-sm: 0 1px 2px rgba(22, 24, 15, 0.07);
  --shadow-md: 0 3px 10px -3px rgba(22, 24, 15, 0.14);
}

/* THE SIGNATURE — the 5px stripe down the left edge of every panel.
 *
 * The STRIPE is this template's structure; its COLOUR comes from the colour
 * section. It read the raw `var(--color1, …)`, so on a page still carrying the
 * #000333 factory default the preset's whole identity rendered near-black while
 * every button on the same page used the preset's own orange. --accent is the
 * one resolved answer (links/lib/accent.php), so the stripe now agrees with
 * them. */
#header,
.row.sectionContainer,
.reviewmodal,
.link {
  border-left: 5px solid var(--accent);
  border-radius: 0 var(--radius-panel) var(--radius-panel) 0;
}

/* #header's own top rule would fight the stripe for the top-left corner. */
#header {
  border-top: 1px solid var(--line);
}

.link {
  border-radius: 0 var(--radius-control) var(--radius-control) 0;
  transition: background-color 0.18s ease;
}

.link:hover {
  background-color: var(--chip);
}

.linktitle {
  font-weight: 700;
  letter-spacing: 0.01em;
}

/* The heading tick would be a second, smaller stripe two inches from the first.
 * One stripe per panel. */
.sectionTitle::after {
  display: none;
}