/* DAILY DRIVE: styling for the plain content pages (privacy policy, support). Same tokens as
   styles.css, readable long-form text. */
:root {
  --night: #07110c;
  --panel: rgba(244, 241, 232, 0.06);
  --line: rgba(244, 241, 232, 0.14);
  --chalk: #f4f1e8;
  --dim: rgba(244, 241, 232, 0.7);
  --gold: #ffc20e;
  --f: 'Rubik', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--night);
  color: var(--chalk);
  font: 400 16px/1.6 var(--f);
  -webkit-text-size-adjust: 100%;
}
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
.brand { display: inline-block; font: 900 22px/1 var(--f); transform: skewX(-9deg); text-decoration: none; color: var(--chalk); }
.brand b { color: var(--gold); font-weight: 900; }
h1 { font: 900 34px/1.1 var(--f); margin: 28px 0 6px; letter-spacing: -0.01em; }
h2 { font: 800 20px/1.25 var(--f); margin: 30px 0 8px; color: var(--gold); }
p, li { color: var(--dim); }
strong { color: var(--chalk); }
a { color: var(--gold); }
ul { padding-left: 20px; }
.meta { color: var(--dim); font-size: 14px; margin: 0 0 20px; }
.card { background: var(--panel); border: 1px solid var(--line); border-radius: 16px; padding: 16px 18px; margin: 16px 0; }
.btn {
  display: inline-block; margin-top: 8px; padding: 14px 20px; border-radius: 14px;
  background: var(--gold); color: #050907; font: 900 16px/1 var(--f); text-decoration: none; text-transform: uppercase;
}
footer { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 13px; color: var(--dim); }