/* Arcana — public site (legal + account deletion). Self-contained, host-anywhere.
   Theme-aware: light default (legal readability) + dark via prefers-color-scheme
   and an explicit [data-theme] override. System fonts only — no external deps. */

:root{
  --bg:#faf8f2; --surface:#ffffff; --ink:#2c2740; --muted:#6b6480;
  --gold:#9a6f2e; --gold-2:#b8894b; --line:rgba(154,111,46,.26);
  --banner-bg:#fbeede; --banner-border:#d9a441; --banner-ink:#6b4e1e;
  --code-bg:#f1ece1; --thead:#f5f0e4; --row:rgba(154,111,46,.05);
  --ph-bg:#fff2cf; --ph-ink:#7a5a12; --ph-border:#e0b64d;
  --ok-bg:#e8f4ec; --ok-ink:#25603c; --ok-border:#9cccae;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#100c1c; --surface:#17122a; --ink:#d9d2ec; --muted:#9a92b8;
    --gold:#d4af6a; --gold-2:#e8caa0; --line:rgba(212,175,106,.26);
    --banner-bg:rgba(212,175,106,.08); --banner-border:#b8894b; --banner-ink:#e8caa0;
    --code-bg:#221b3a; --thead:rgba(212,175,106,.09); --row:rgba(212,175,106,.04);
    --ph-bg:rgba(224,182,77,.16); --ph-ink:#e8caa0; --ph-border:#b8894b;
    --ok-bg:rgba(127,184,166,.12); --ok-ink:#a7d8c6; --ok-border:#4f7d6e;
  }
}
:root[data-theme="light"]{
  --bg:#faf8f2; --surface:#ffffff; --ink:#2c2740; --muted:#6b6480;
  --gold:#9a6f2e; --gold-2:#b8894b; --line:rgba(154,111,46,.26);
  --banner-bg:#fbeede; --banner-border:#d9a441; --banner-ink:#6b4e1e;
  --code-bg:#f1ece1; --thead:#f5f0e4; --row:rgba(154,111,46,.05);
  --ph-bg:#fff2cf; --ph-ink:#7a5a12; --ph-border:#e0b64d;
  --ok-bg:#e8f4ec; --ok-ink:#25603c; --ok-border:#9cccae;
}
:root[data-theme="dark"]{
  --bg:#100c1c; --surface:#17122a; --ink:#d9d2ec; --muted:#9a92b8;
  --gold:#d4af6a; --gold-2:#e8caa0; --line:rgba(212,175,106,.26);
  --banner-bg:rgba(212,175,106,.08); --banner-border:#b8894b; --banner-ink:#e8caa0;
  --code-bg:#221b3a; --thead:rgba(212,175,106,.09); --row:rgba(212,175,106,.04);
  --ph-bg:rgba(224,182,77,.16); --ph-ink:#e8caa0; --ph-border:#b8894b;
  --ok-bg:rgba(127,184,166,.12); --ok-ink:#a7d8c6; --ok-border:#4f7d6e;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font:16.5px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:760px;margin:0 auto;padding:0 22px 90px}
::selection{background:rgba(184,137,75,.25)}

/* header */
header.site{padding:30px 0 0;text-align:center}
.wordmark{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:.36em;
  font-size:15px;font-weight:600;color:var(--gold);text-indent:.36em;text-decoration:none;display:inline-block}
.wordmark:hover{color:var(--gold-2)}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:18px 0 6px}

/* doc title block */
.doc-title{margin:30px 0 4px;font-family:Georgia,serif;font-weight:600;font-size:clamp(26px,4.4vw,36px);
  color:var(--ink);line-height:1.15;text-wrap:balance}
.eyebrow{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--gold);margin-top:24px}

/* rendered markdown content */
.content h1{font-family:Georgia,serif;font-weight:600;font-size:clamp(24px,4vw,32px);line-height:1.18;margin:6px 0 10px;color:var(--ink)}
.content h2{font-family:Georgia,serif;font-weight:600;font-size:21px;margin:38px 0 10px;padding-top:6px;color:var(--ink);
  border-top:1px solid var(--line)}
.content h3{font-size:16px;font-weight:700;letter-spacing:.01em;margin:24px 0 8px;color:var(--gold)}
.content h1:first-child{margin-top:0}
.content p{margin:12px 0}
.content a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.content a:hover{color:var(--gold-2)}
.content strong{color:var(--ink);font-weight:700}
.content ul,.content ol{margin:12px 0;padding-left:22px}
.content li{margin:5px 0}
.content hr{border:none;border-top:1px solid var(--line);margin:30px 0}
.content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;
  background:var(--code-bg);border-radius:4px;padding:1px 5px}

/* blockquotes (kept intro/notes) */
.content blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--gold-2);
  background:var(--banner-bg);border-radius:0 8px 8px 0;color:var(--ink)}
.content blockquote p{margin:6px 0}

/* tables */
.tablewrap{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:10px}
.content table{border-collapse:collapse;width:100%;min-width:480px;font-size:14.5px}
.content thead th{background:var(--thead);text-align:left;padding:10px 13px;font-weight:700;color:var(--ink);
  border-bottom:1px solid var(--line);white-space:nowrap}
.content tbody td{padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.content tbody tr:nth-child(even){background:var(--row)}
.content tbody tr:last-child td{border-bottom:none}

/* [PLACEHOLDER] flags */
.ph{background:var(--ph-bg);color:var(--ph-ink);border:1px dashed var(--ph-border);border-radius:5px;
  padding:0 5px;font-family:ui-monospace,Menlo,monospace;font-size:.85em;font-weight:600;white-space:nowrap}

/* footer nav */
footer.site{margin-top:56px;padding-top:22px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;align-items:center;font-size:13.5px}
footer.site a{color:var(--muted);text-decoration:none}
footer.site a:hover{color:var(--gold)}
footer.site .sep{color:var(--line)}
footer.site .copy{flex-basis:100%;text-align:center;color:var(--muted);font-size:12px;margin-top:10px}

/* theme toggle */
.themebtn{position:fixed;top:14px;right:14px;border:1px solid var(--line);background:var(--surface);
  color:var(--muted);border-radius:20px;padding:5px 12px;font-size:12px;cursor:pointer}
.themebtn:hover{color:var(--gold);border-color:var(--gold)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ── delete-account page ── */
.lead{font-size:17px;color:var(--muted);margin:16px 0 26px;max-width:60ch}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 24px;margin:22px 0;
  box-shadow:0 2px 16px rgba(0,0,0,.04)}
.card h2{font-family:Georgia,serif;font-size:20px;margin:0 0 6px;color:var(--ink)}
.card p{margin:8px 0;color:var(--ink)}
.what-list{list-style:none;padding:0;margin:12px 0}
.what-list li{padding:7px 0 7px 26px;position:relative;border-bottom:1px solid var(--line)}
.what-list li:last-child{border-bottom:none}
.what-list li::before{content:"✕";position:absolute;left:2px;color:var(--gold);font-size:12px;top:9px}
.what-list li.keep::before{content:"◆";color:var(--muted)}
.steps{counter-reset:s;list-style:none;padding:0;margin:10px 0}
.steps li{counter-increment:s;padding:8px 0 8px 40px;position:relative}
.steps li::before{content:counter(s);position:absolute;left:0;top:7px;width:26px;height:26px;border-radius:50%;
  background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
label{display:block;font-weight:600;font-size:14px;margin:14px 0 6px;color:var(--ink)}
input[type=email],textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:9px;
  padding:11px 13px;font:inherit;font-size:15px;color:var(--ink)}
textarea{min-height:84px;resize:vertical}
.btn{display:inline-block;margin-top:18px;width:100%;border:none;border-radius:11px;padding:13px 0;
  font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;
  background:linear-gradient(90deg,var(--gold),var(--gold-2));color:#fff}
.btn:hover{filter:brightness(1.06)}
.btn[disabled]{opacity:.55;cursor:not-allowed}
.note{font-size:13px;color:var(--muted);margin-top:12px}
.result{display:none;margin-top:16px;padding:12px 15px;border-radius:10px;font-size:14.5px;
  background:var(--ok-bg);color:var(--ok-ink);border:1px solid var(--ok-border)}
.result.show{display:block}
.config-warn{background:var(--ph-bg);color:var(--ph-ink);border:1px dashed var(--ph-border);border-radius:10px;
  padding:11px 15px;font-size:13.5px;margin:16px 0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}