/* ZipCam palette matches assets/styles.css; the legal layout is shared with PhotoArchie. */
:root {
  --background: #f8f9fc;
  --surface: #fff;
  --surface-soft: #edf3ff;
  --text: #18263c;
  --muted: #5b6779;
  --border: #dce2eb;
  --accent: #2465d5;
  --accent-strong: #2465d5;
  --accent-soft: #edf3ff;
  --success: #087d7a;
  --shadow: 0 24px 70px rgb(25 44 73 / 10%);
}

@media screen {
  .hero {
    background: var(--background);
    color: var(--text);
  }

  .hero::after {
    border-color: var(--accent-soft);
  }

  .hero h1 span {
    color: var(--accent);
  }

  .hero__summary,
  .updated {
    color: var(--muted);
  }

  .eyebrow,
  .updated {
    opacity: 1;
  }

  .document-nav a {
    border-color: var(--border);
    background: var(--surface);
    color: var(--text);
  }

  .document-nav a:hover,
  .document-nav a[aria-current="page"] {
    background: var(--accent-soft);
    color: var(--accent);
  }

  .brand__mark {
    border-color: var(--border);
    background: var(--accent-soft);
    color: var(--accent);
  }
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    --background: #121a28;
    --surface: #1b2638;
    --surface-soft: #24344d;
    --text: #edf3ff;
    --muted: #bcc9db;
    --border: #384b66;
    --accent: #8bb7ff;
    --accent-strong: #8bb7ff;
    --accent-soft: #24344d;
    --success: #77cfbf;
    --shadow: 0 24px 70px rgb(0 0 0 / 28%);
  }
}