/* PrimePhoto shared UI tokens + base styles. Every page links this; page-specific layout
   stays in each template's own <style> block. No build step. */
:root{
  --bg:#0d0d0f; --card:#181819; --border:#2a2a2c; --border-2:#2e2e30;
  --field:#121213; --text:#eaeaea; --muted:#9a9a9c; --muted-2:#bcbcbe;
  --ghost:#262628; --accent:#e6e6e6; --accent-text:#141414; --err:#e88;
}
body{font-family:system-ui,sans-serif;margin:0;background:var(--bg);color:var(--text)}
.card{background:var(--card);border:1px solid var(--border);border-radius:0;padding:16px;margin:10px 0}
.sub{color:var(--muted);font-size:13px}
input,select,button{font-size:15px;padding:9px 11px;border-radius:0;border:1px solid var(--border-2);background:var(--field);color:var(--text);box-sizing:border-box}
button{background:var(--accent);color:var(--accent-text);border:none;font-weight:600;cursor:pointer}
button.ghost{background:var(--ghost);color:var(--text)}
button:disabled{opacity:.55;cursor:default}
a{color:var(--muted-2)}
.err{color:var(--err)}
.row{display:flex;gap:10px;align-items:center}