:root{
  --urbance-blue:#2563eb;
  --urbance-blue-600:#1e40af;
  --urbance-bg:#f7fafc;
  --urbance-surface:#ffffff;
  --urbance-muted:#6b7280;
  --urbance-success:#10b981;
  --urbance-danger:#ef4444;
  --radius-md:12px;
  --space-1:8px; --space-2:12px; --space-3:16px; --space-4:24px; --space-5:32px;
}

/* Typography */
body{font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#111; background:var(--urbance-bg);}
h1,h2,h3,h4{line-height:1.05;}
h1{font-size:2rem;font-weight:700;margin:0 0 var(--space-3) 0}
h2{font-size:1.5rem;font-weight:700}
p{color:var(--urbance-muted);margin:0 0 var(--space-3) 0}

/* Buttons */
.btn-primary,.btn-submit{background:var(--urbance-blue);color:#fff;border:none;padding:12px 18px;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 6px 18px rgba(37,99,235,0.12);transition:transform .12s ease,box-shadow .12s ease}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,99,235,0.14)}
.btn-ghost{background:transparent;border:1px solid rgba(17,24,39,0.06);padding:10px 14px;border-radius:10px;color:var(--urbance-muted)}
.btn-secondary{background:#fff;border:1px solid #e6edf8;color:var(--urbance-blue);padding:10px 14px;border-radius:10px}

/* Cards */
.card{background:var(--urbance-surface);border-radius:var(--radius-md);box-shadow:0 6px 20px rgba(17,24,39,0.04);padding:var(--space-4)}

/* Inputs */
input,select,textarea{border:1px solid #e6edf8;padding:12px 14px;border-radius:10px;font-size:1rem}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 8px 20px rgba(37,99,235,0.08);border-color:var(--urbance-blue)}

/* Responsive container utility (if needed) */
.urbance-container{max-width:1100px;margin:0 auto;padding:0 20px}