/* Shared look for www.badlandsmgmt.com — same type and colors as the occ app. */
:root{
  --bg:#ECEFEC; --surface:#FFFFFF; --surface-2:#F5F7F5; --ink:#1B2220; --muted:#5B6762; --faint:#8A9590;
  --line:#D6DDD8; --accent:#1D5B79; --accent-ink:#FFFFFF; --accent-soft:#DCE8EF;
  --danger:#B8392C; --danger-soft:#F8E2DF; --ok:#2E7D4F; --ok-soft:#DDEFE3;
  --clay-1:#C9A88A; --clay-2:#B58866; --clay-3:#96684B; --clay-4:#6F4C39; --sky:#E8E3DA;
  --shadow:0 12px 40px rgba(20,30,28,.14);
  --f-display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;
  --f-ui:"Barlow Semi Condensed",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    color-scheme:dark;
    --bg:#111614; --surface:#191F1D; --surface-2:#1F2624; --ink:#E4EAE7; --muted:#9AA6A1; --faint:#6E7975;
    --line:#2C3431; --accent:#62A9CB; --accent-ink:#0B1A21; --accent-soft:#1D323D;
    --danger:#E86A5C; --danger-soft:#3A201C; --ok:#55B07B; --ok-soft:#1C3325;
    --clay-1:#4A3A30; --clay-2:#3D2F27; --clay-3:#30251F; --clay-4:#241C18; --sky:#161B19;
    --shadow:0 12px 40px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#111614; --surface:#191F1D; --surface-2:#1F2624; --ink:#E4EAE7; --muted:#9AA6A1; --faint:#6E7975;
  --line:#2C3431; --accent:#62A9CB; --accent-ink:#0B1A21; --accent-soft:#1D323D;
  --danger:#E86A5C; --danger-soft:#3A201C; --ok:#55B07B; --ok-soft:#1C3325;
  --clay-1:#4A3A30; --clay-2:#3D2F27; --clay-3:#30251F; --clay-4:#241C18; --sky:#161B19;
  --shadow:0 12px 40px rgba(0,0,0,.5);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%}
body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--f-ui);-webkit-font-smoothing:antialiased}
a{color:var(--accent)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.wordmark{font:700 15px/1 var(--f-display);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.wordmark small{display:block;margin-top:4px;font:500 11px/1 var(--f-ui);letter-spacing:.18em;color:var(--muted)}

.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--faint)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover{filter:brightness(1.08)}
.btn:disabled{opacity:.6;cursor:default}
.link-btn{border:0;background:none;padding:0;color:var(--accent);font-weight:600}