/* The privacy policy and terms. Colours and type follow index.html, whose tokens are in
   docs/08_UI_UX_DESIGN_GUIDELINES.md §2.1. */
@font-face { font-family: "Scheherazade New"; src: url("fonts/ScheherazadeNew-Regular.ttf") format("truetype"); font-display: swap; }

:root {
  color-scheme: light dark;
  --background: #F7F5EF;
  --text-primary: #173B32;
  --text-secondary: #5F6D64;
  --border: #E3E0D5;
  --gold: #D1B66D;
  --gutter: clamp(20px, 5vw, 72px);
}
@media (prefers-color-scheme: dark) {
  :root {
    --background: #071C19;
    --text-primary: #F3F0E5;
    --text-secondary: #B8C5BA;
    --border: #29483F;
  }
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--background);
  color: var(--text-primary);
  font: 1.0625rem/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-text-size-adjust: 100%;
}
a { color: inherit; text-underline-offset: 2px; }
h1, h2 { font-family: "Scheherazade New", Georgia, serif; font-weight: 400; text-wrap: balance; }
h1 { margin: 0; font-size: clamp(2.5rem, 5vw, 3.75rem); line-height: 1.08; }
h2 { margin: 2.2em 0 .4em; font-size: clamp(1.6rem, 3vw, 2rem); line-height: 1.15; }
p, ul, ol { margin: 0 0 1em; }
li { margin-bottom: .4em; }

.site-header, main, .site-footer { max-width: 46rem; margin-inline: auto; padding-inline: var(--gutter); box-sizing: content-box; }
.site-header { padding-top: 20px; }
.site-header img { display: block; width: 104px; height: auto; }
main { padding-block: clamp(32px, 6vw, 64px); }
.effective { margin-top: .6em; color: var(--text-secondary); }

/* Until the placeholders are filled in and a lawyer has read the text. */
.draft { margin-block: 1.5em 0; padding: 12px 16px; border: 1px solid var(--gold); border-radius: 8px; }
mark { padding-inline: .2em; border-radius: 3px; background: var(--gold); color: #173B32; }

.table { overflow-x: auto; margin-bottom: 1em; }
table { width: 100%; border-collapse: collapse; font-size: .95rem; }
th, td { padding: 10px 12px 10px 0; border-bottom: 1px solid var(--border); text-align: left; vertical-align: top; }
th { font-weight: 600; }

.site-footer { padding-block: 24px 48px; border-top: 1px solid var(--border); color: var(--text-secondary); font-size: .95rem; }
.site-footer p { margin: 0; }