@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap');

/* MotVen Regional UI mockups. Adopts the DealGen/Jorge design system verbatim so the
   two sets look like one product, plus a brass accent reserved for the resolved
   ultimate beneficial owner (the one subject-specific flourish). Tabler icons via CDN. */

:root{
  --color-background-primary:#ffffff;
  --color-background-secondary:#f5f4ef;
  --color-background-tertiary:#faf9f5;
  --color-background-info:#E6F1FB;
  --color-background-success:#E1F5EE;
  --color-background-warning:#FAEEDA;
  --color-background-danger:#FCEBEB;
  --color-background-ubo:#F4EAD6;
  --color-text-primary:#1a1a18;
  --color-text-secondary:#5F5E5A;
  --color-text-tertiary:#888780;
  --color-text-info:#185FA5;
  --color-text-success:#0F6E56;
  --color-text-warning:#854F0B;
  --color-text-danger:#A32D2D;
  --color-text-ubo:#8A6224;
  --color-border-tertiary:rgba(0,0,0,0.15);
  --color-border-secondary:rgba(0,0,0,0.30);
  --color-border-primary:rgba(0,0,0,0.40);
  --color-border-info:#378ADD;
  --color-border-ubo:#C9A24A;
  --border-radius-md:8px;
  --border-radius-lg:12px;
  --border-radius-xl:16px;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
body{
  font-family:var(--font-sans);
  background:var(--color-background-tertiary);
  color:var(--color-text-primary);
  line-height:1.5;
  margin:0;
  padding:24px;
  -webkit-font-smoothing:antialiased;
}
.page{max-width:860px;margin:0 auto}
h1,h2,h3{font-weight:500;color:var(--color-text-primary);margin:0}
h3{font-size:16px}

button{font-family:inherit;font-size:13px;height:auto;padding:8px 12px;border:0.5px solid var(--color-border-secondary);
  background:transparent;border-radius:var(--border-radius-md);cursor:pointer;color:var(--color-text-primary)}
button:hover{background:var(--color-background-secondary)}
input,select{font-family:inherit;font-size:13px;height:36px;padding:0 10px;border:0.5px solid var(--color-border-secondary);
  border-radius:var(--border-radius-md);background:var(--color-background-primary);color:var(--color-text-primary)}
input[type=checkbox]{height:auto;width:auto}
input[type=number]{width:72px}