/* PhishDestroy global stylesheet
   WCAG AAA compliant: ensures all stub pages pass Lighthouse a11y. */
:root {
  --pd-bg:          var(--color-bg-base,     #0a0e17);
  --pd-fg:          var(--color-text-primary, #ffffff);
  --pd-fg-muted:    var(--color-text-secondary, #c7cdd6);  /* WCAG AA 9.2:1 */
  --pd-accent:      var(--color-accent-secondary, #60a5fa); /* WCAG AA 7.5:1 */
  --pd-accent-hover:#93c5fd;
  --pd-border:      var(--color-border-subtle, rgba(255,255,255,.12));
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: var(--pd-bg);
  color: var(--pd-fg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
a {
  color: var(--pd-accent);
  text-decoration: underline;        /* WCAG: links must not rely on color alone */
  text-underline-offset: .2em;
  text-decoration-thickness: 1px;
}
a:hover, a:focus {
  color: var(--pd-accent-hover);
  text-decoration-thickness: 2px;
  outline: 2px solid var(--pd-accent);
  outline-offset: 2px;
}
h1, h2, h3 { line-height: 1.2; margin: 1em 0 .5em; color: var(--pd-fg); }
h1 { font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 800; }
h2 { font-size: 1.5rem; font-weight: 700; color: var(--pd-accent); margin-top: 2em; }
h3 { font-size: 1.15rem; font-weight: 600; }
ul { padding-left: 1.5em; }
li { margin: .35em 0; }
code {
  background: var(--color-border-subtle);
  padding: .15em .45em;
  border-radius: 4px;
  font-family: ui-monospace, "SF Mono", Consolas, monospace;
  font-size: .92em;
  color: var(--pd-fg);              /* full white for max contrast */
}
img { max-width: 100%; height: auto; }
nav[aria-label="Breadcrumb"] {
  color: var(--pd-fg-muted);
}
nav[aria-label="Breadcrumb"] a {
  color: var(--pd-accent);
  text-decoration: underline;
}
header a { color: var(--pd-accent); }
footer {
  text-align: center;
  padding: 2em;
  color: var(--pd-fg-muted);         /* high contrast 9.2:1 */
  font-size: .9em;
  border-top: 1px solid var(--pd-border);
}
footer a {
  color: var(--pd-accent);
  text-decoration: underline;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}